nuxt / nuxt

The Intuitive Vue Framework.

Home Page:https://nuxt.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Selective client in a v-for generates many client component references

Rigo-m opened this issue · comments

Environment

  • Operating System: Darwin
  • Node Version: v20.12.2
  • Nuxt Version: 3.11.2
  • CLI Version: 3.11.1
  • Nitro Version: 2.9.6
  • Package Manager: bun@1.1.7
  • Builder: -
  • User Config: devtools, experimental
  • Runtime Modules: -
  • Build Modules: -

Reproduction

https://github.com/Rigo-m/nuxt-selective-client-bug

Describe the bug

image
Cycling through a server component which contains a client component selectively hydrated breaks the page in the way which is shown above.
The moveTeleport function fails with this error:
Uncaught (in promise) TypeError: Failed to execute 'insertBefore' on 'Node': parameter 1 is not of type 'Node'.

@huang-julien any idea on what's happening here?

Additional context

No response

Logs

No response