I'm working on a React application that uses the CanvasJS library to display multiple line charts. I have two or more charts on the same page, and I want to implement synchronization for zooming and panning between these charts. When a user zooms or pans in one chart, the others should follow the same changes.
I've created separate React components for each chart and added a function in the parent component. However, it's not working.
I was able to fix it by pushing the refs https://stackblitz.com/edit/canvasjs-react-sync-zooming-panning-multiple-char-ev689u?file=src%2FApp.js,src%2FChart.js
I also noticed that React.strictMode was causing an issue