Highcharts реагируют на то, что официальная библиотека плохо играет с Typescript

Question

Я настроил пример проекта для использования Highcharts и официальной Highcharts реагирует на оболочку , и она отлично работает, но когда я пытаюсь использовать его с Typescript, я получаю следующую ошибку:

React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object.

Это код после того, как я обновил его до Typescript:

import * as React from 'react';
import * as Highcharts from 'highcharts';
import * as HighchartsReact from 'highcharts-react-official';

const options: Highcharts.Options = {
    title: {
        text: 'Sample chart',
    },
    series: [
        {
            type: 'line',
            data: [1, 2, 3],
        },
    ],
};

export const UsingHighchartsOfficialVersion = () => (
    <div>
        <HighchartsReact highcharts={Highcharts} options={options} />
    </div>
);

Есть идеи, почему использование Typescript вызывает эту проблему, когда он отлично работает в JS?