Tengo un gráfico de Highcharts en mi página de React y lo vuelvo a dibujar después de obtener datos al actualizar el gancho de estado. Esto funciona bien en el modo de desarrollo sin ningún problema.

Sin embargo, después de ejecutar npm build e iniciar la aplicación, aparece el error:

TypeError: no se pueden leer las propiedades de undefined (leyendo 'activeDataLabelStyle')

Si salgo de la página y vuelvo, el gráfico se actualiza sin ningún problema en la selección, pero aún arrojará un error si selecciono mostrar después de actualizar la página.

 const [options, setOptions] = useState({ title: { text: 'Speed of vehicle over time', }, subtitle: { text: 'Select an area on the chart to zoom in.', }, chart: { zoomType: 'x', }, series: [ { data: [], }, ], xAxis: { type: 'datetime', labels: { formatter: function () { return Highcharts.dateFormat('%H:%M', this.value); }, }, title: { text: 'Time', }, }, yAxis: { title: { text: 'Speed (m/s)', }, }, }); async function handleSelect(selected, setLoading) { const journey = await axios.get('/api/getJourney?id=' + selected.id); console.log(journey.data); setOptions({ series: [ { data: journey.data, name: 'Vehicle ' + selected.id, }, ], }); setLoading(false); }