Hola damas y caballeros, especialmente la comunidad de Highcharts.

He estado tratando de actualizar mi gráfico circular para actualizarlo al pasar el mouse por encima, pero me da el siguiente error:

TypeError no capturado: no se puede acceder a la propiedad "linkedParent", d es nulo

Soy nuevo en Highcharts pero tenía curiosidad por qué me daría el siguiente error. Debo ser honesto, me dejó perplejo, el comportamiento esperado sería actualizar el gráfico al pasar el mouse. Cualquier ayuda sería apreciada :)

 export const DonutChart = ({ total, title, }) => { const [percentage, setPercentage] = useState(100); const [rawData, setRawData] = useState([ {y: percentage, color: 'grey'}, ]); const options = { chart: { renderTo: 'container', type: 'pie', width: 80, height: 80, spacing: [0, 0, 0, 0], }, title: { text: '', }, subtitle: { text: '', }, credits: { enabled: false, }, legend: { enabled: false, }, plotOptions: { pie: { size: 80, innerSize: 45, shadow: false, dataLabels: [{ enabled: false, }], states: { hover: { lineWidth: 0, halo: { size: 0, }, }, }, events: { mouseOver: () => { let sum = 0; setRawData([ {y: (3000 / total) * 100, color: '#EE76B0'}, {y: (3000 / total) * 100, color: '#18D39B'}, {y: ((total - 6000) / total) * 100, color: 'grey'}, ]); setPercentage((6000 / total) * 100); }, mouseOut: () => { setPercentage(100); }, }, }, }, tooltip: { enabled: false, }, series: [{ data: [...rawData], }], }; return ( <div className={styles.body}> <div className={styles.body__chart}> <HighchartsReact highcharts={Highcharts} options={options} constructorType="chart" /> <p className={styles.body__chart__percentage}>{`${percentage}%`}</p> </div> <p className={styles.body__chart__title}>{title}</p> </div> ); };