Can not remove chart with areasplinerange series while hovering

[KaisZaoualiWincher]

Expected behaviour

Removing chart with areasplinerange series while hovering should be performed with no issues

Actual behaviour

Removing chart with areasplinerange series while hovering is throwing error: Cannot read properties of undefined (reading 'chart')

Live demo with steps to reproduce

https://codesandbox.io/p/sandbox/highcharts-99yys8

While hovering on the chart series, you need to press any key (which should hide the chart). Make sure you are selecting the preview (i.e. you can inspect the rendered chart to make sure the pressed key will have an impact on the chart)

Product version

"highcharts": "11.3.0",
"highcharts-react-official": "3.2.1"

Affected browser(s)

Google chrome

[hubertkozik]

Hi @KaisZaoualiWincher!
I've just tested the chart config you provided and I cannot see any issues. I've changed the state to hide and show the chart on key press. I'm attaching a GIF below. Can you double check?
Live demo: https://codesandbox.io/p/sandbox/highcharts-forked-x6v7s3

[PinkChampagne17]

Hi @hubertkozik!

I encountered the same issue and created a minimal reproduction, which should have a higher reproduction rate.

Reproduction steps:

1. Open the live demo https://codesandbox.io/p/sandbox/highcharts-forked-cns4kh
2. Open the preview in a new tab
3. Mouse over the chart and don't move out
4. Press any key to destroy the instance and the issue will be reproduced

I've tried as much as possible to enhance the reproducibility of the problem, but still can't achieve 100% reproducibility. If not reproduce it successfully, please try a few more times.

[hubertkozik]

Thanks @PinkChampagne17!
I've reproduced and recreated the demo in vanilla JS: https://jsfiddle.net/BlackLabel/ghe9rnbx/

This issue is already reported here: #20572 You can track the progress there. I am closing this one as a duplicate.