карта HighMaps исчезает, когда параметры обновляются в реакции

Question

Я использую npm `response-highcharts-official package.

У меня есть следующий компонент

<div>
{ R.isNil(this.state.hcOptions) ? (
    <p>Loading...</p>
) : (
    <HighchartsReact
        highcharts={ Highcharts }
        constructorType={ 'mapChart' }
        options={ this.state.hcOptions }
        ref={ this.state.chartRef }
    />
)}
<div>

Когда я первоначально установил this.state.hcOptions, карта будет отображаться нормально,

Если я заменю hcOptions новыми данными или даже просто снова установлю их на те же данные, карта исчезнет, ​​но нижняя сетка все еще будет отображаться.

Что мне нужно сделать, чтобы изменить данные опций и сделать рендер новой карты?

Пример кода: https://codesandbox.io/s/7oz0m56px

Кнопка внизу Change Map Options переключает параметры.Загрузка любого варианта, установленного изначально, загрузит карту.переключение между ними приводит к тому, что карта сама по себе не отображается.

Answer 1

Эта проблема - ошибка регрессии Highmaps, которая не работает с версии 7.1.0 и сообщается здесь: https://github.com/highcharts/highcharts/issues/10617

Упрощенный пример: https://jsfiddle.net/BlackLabel/tuokmpvy/

Обходной путь использовать более старую версию Highmaps:

<script src="https://code.highcharts.com/maps/7.0.3/highmaps.js"></script>

Демонстрационная версия: https://jsfiddle.net/BlackLabel/poz8c51L/