Cannot read properties of undefined (reading 'chart') when unmounting chart about highcharts

[cristianiniguez]

@hubertkozik just as an update, I put the workaround in my code now and is working. I don't see any errors now. Thanks

[hubertkozik]

Hi @cristianiniguez!
Your issues are similar to the one described here: #20572 It is already fixed on the master. You can use the workaround in your project from this comment. Can you check it on your side?

[cristianiniguez]

Hi @hubertkozik
I added the following to the main.tsx file but I'm still getting the error

(function(H) {
    H.wrap(H.Point.prototype, 'pos', function (proceed) {
    if (!this.destroyed) {
    	return proceed.apply(this, Array.prototype.slice.call(arguments, 1));
    }
  });
})(Highcharts);

This is the same workaround mentioned in the other issue's comment.

[hubertkozik]

@cristianiniguez Can you reproduce the issue in the online editor and send me a link to the demo with a code? I would like to check some things for you :)

[cristianiniguez]

@hubertkozik I couldn't manage to create a demo on jsfiddle. However there is this one in codesandbox. Hope it helps https://codesandbox.io/p/sandbox/react-highcharts-test-9d8kk3

[hubertkozik]

Thank you for the demo. I've reproduced the issue in vanilla JS: https://jsfiddle.net/BlackLabel/d1s2jvhw/ If you hover over any points, then click on the chart to fire chart.click event to destroy the chart - the error comes up.

It's a regression, it was working correctly in Highcharts v10.3.3.

I've prepared a workaround for that issue. If you want to use it in your project, simply copy-paste the IIFE function with the plugin from the demo below.

Live demo with a workaround: https://jsfiddle.net/BlackLabel/fb1yqanz/

Internal note:
Bisected to: 6e1d9b9

[hubertkozik]

This issue has been fixed in c5db31e (#20994) Closing as completed.