Transition and Suspense components are not compatible with some library like (ApexChart and Mapbox)
Vue version
3.3.4
Link to minimal reproduction
Steps to reproduce
Just navigate between pages and check the console. When you refresh the browser all errors are gone.
What is expected?
It should be work with apex chart and Mapbox js be working
What is actually happening?
I am encountering issues while attempting to simultaneously integrate ApexCharts and Mapbox.js within a Vue.js application, particularly when employing Vue transitions and suspense. When I combine all these components, it results in errors. However, the application functions correctly if I remove either the component transitions or the suspense feature. The problem arises from using these elements in conjunction.
System Info
System:
OS: macOS 13.4.1
CPU: (8) arm64 Apple M1
Memory: 84.50 MB / 8.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 18.12.1 - ~/.nvm/versions/node/v18.12.1/bin/node
Yarn: 1.22.19 - ~/.nvm/versions/node/v18.12.1/bin/yarn
npm: 8.19.2 - ~/.nvm/versions/node/v18.12.1/bin/npm
pnpm: 8.6.11 - ~/.nvm/versions/node/v18.12.1/bin/pnpm
Browsers:
Chrome: 115.0.5790.170
Safari: 16.5.2
npmPackages:
vue: ^3.3.4 => 3.3.4
Any additional comments?
No response
@Shyam-Chen,
Please find the reproduction video.
https://github.com/vuejs/core/assets/80033712/e0d28c2a-bcdb-4c1a-91d0-f5292f494bb3