Annotation position is not correct in RangeAreaCharts

[max-stahl-de]

Description

I have a react component which shows a LineChart but the user also has the possibility to view the data in a RangeAreaChart. I also show an annotation at a specific posistion. This annotation is placed correctly when the LineChart is shown the first time the component is rendered. However, when the user clicks on a button to show the RangeAreaChart, the annotation always sticks to the start of the x-axis

Reproduction:

• I provided a Codesandbox here: https://codesandbox.io/s/react-apexchart-annotation-5gqz4y
• when the app loads, the annotation is placed at x-value 2050
• when the user clicks on the Toggle Range button at the very top, the graph turns into a RangeAreaChart and the annotation sticks to the beginning of the X-Axis