HMR crashes with <teleport> in Vue SFC

[adamsol]

Related plugins

• plugin-vue

• plugin-vue-jsx

Describe the bug

The issue is triggered by assigning a simple variable on a button click. This variable is also passed as a prop to another element. There is an extra <div> inside <teleport>, which seems redundant, but the error actually disappears without it.

The error:

[email protected]:26 TypeError: Cannot set properties of null (setting '__vnode')
    at patchElement (vue.js?v=bd95302b:7030:18)
    at processElement (vue.js?v=bd95302b:6913:7)
    at patch (vue.js?v=bd95302b:6770:11)
    at patchKeyedChildren (vue.js?v=bd95302b:7681:9)
    at patchChildren (vue.js?v=bd95302b:7595:11)
    at patchElement (vue.js?v=bd95302b:7067:7)
    at processElement (vue.js?v=bd95302b:6913:7)
    at patch (vue.js?v=bd95302b:6770:11)
    at patchKeyedChildren (vue.js?v=bd95302b:7681:9)
    at patchChildren (vue.js?v=bd95302b:7595:11)

And warning:

vue.js?v=bd95302b:2626 [HMR] Something went wrong during Vue component hot-reload. Full reload required.

Reproduction

https://stackblitz.com/edit/vitejs-vite-oghvpvdz?file=src%2FApp.vue

Steps to reproduce

1. Open the link and wait for the page to load.
2. Change something in App.vue - HMR works.
3. Click the button.
4. Change something in App.vue again - there's now an error in the browser console, and HMR no longer works.

System Info

System:
    OS: Windows 10 10.0.19045
  Binaries:
    Node: 22.11.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.9.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: 132.0.6834.196

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[edison1105]

duplicate of vuejs/core#12816