I am using stockchart with `highcharts-react-official`.
I am setting the chart data through state and using useEffect to update that state.
The chart is 'areaspline' type with its x-axis type 'logarithmic' ,and it renders fine when navigator is disabled .
But whenever I enable navigator from chart options, all the chart points gets squeezed and the x-axis labels are all 0's.
But once I nudge the navigator handles a little, the chart again re-renders fine.
Also the x-axis labels in the navigator are also shown different.
I don't know why I'm getting this behavior.
I'm new to highcharts so if anyone can help me here, it would be great.
Stackblitz Link: https://stackblitz.com/edit/nextjs-seep ... /Chart.jsx