Subscribe on changes!

Transition and Suspense components are not compatible with some library like (ApexChart and Mapbox)

avatar
Aug 14th 2023

Vue version

3.3.4

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-3ktpen?file=src%2Fcomponents%2FMapbox.vue,src%2Fcomponents%2FHelloWorld.vue,src%2FApp.vue&terminal=dev

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

avatar
Aug 14th 2023

Unable to reproduce this issue.

image
avatar
Aug 15th 2023