Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'syncEventHandler')

[dianakoh]

I'm using Chart.js in my Nuxt3 project and trying to apply the crosshair plugin. During the development process, I encounter an error: 'Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'syncEventHandler')'. This error occurs in the 'afterDestroy' section when moving from a page with the chart to another page. Is there any way to resolve this issue?

The dependencies information for the module I am using is as follows:

• "chart.js": "^4.4.0",
• "vue-chartjs": "^5.2.0",
• "chartjs-plugin-crosshair": "^2.0.0",
• "@types/chartjs-plugin-crosshair": "^1.1.4",