Highcharts-React возвращает объект, а React выдает ошибку - React.createElement: тип недействителен

Question

Я использую Highchart-React-Official для отображения графиков в моем приложении.Кроме того, это огромное приложение, поэтому мы ничего не импортируем, мы используем уменьшенные версии плагинов для проблем производительности и безопасности.

Ниже приведен мой код:

const options = {
    title: {
        text: 'My chart'
    },
    series: [{
        data: [1, 2, 3]
    }]
}

const App = () => <div>
    <HighchartsReact
        highcharts={Highcharts}
        options={options}
    />
</div>


ReactDOM.render(
        <App/>, document.getElementById('root')
    );

Когда я запускаюпри этом я получаю следующую ошибку в консоли:

Предупреждение: React.createElement: тип недействителен - ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов)но получил: объект.

Когда я утешаю для HighchartsReact, он дает ниже объект.

Я использую неинициализированные файлы для React и ReactDom и прекрасно понимаю, что когда React создает элемент, он должен быть либо String, либо классом, либо функцией.

Я также посмотрел на Highcharts-React-Official, исходный код, он должен доставлять 'div', но в моем случае он доставляет весь объект HighchartsReact со всеми его методами.

Я буду очень признателен за любые предложенияисправить эту проблему.