[Bug]: Hydration attribute mismatch errors after upgrading to Nuxt 3.9.0 and Vue 3.4.0 #577
Description
Environment
Developement/Production OS: Arch Linux
Node version: 20.9.0
Package manager: npm@10.1.0
Radix Vue version: 1.2.5
Vue version: 3.4.0
Nuxt version: 3.9.0
Nuxt mode: universal
Nuxt target: server
CSS framework: tailwindcss@3.4.0
Client OS: Windows 10 19043.1110
Browser: Chrome 120.0.6099.130Link to minimal reproduction
https://stackblitz.com/edit/github-shdqqw?file=app.vue
Steps to reproduce
Encountered when using Collapsible, Tabs, Toggles etc.
Should be reproducible on any radix element which uses Primitive under the hood.
Describe the bug
This has already reported in few places,
Maybe the current native useId implementation is messed up after the vue update? (nuxt/nuxt#23368)
Expected behavior
No response
Context & Screenshots (if applicable)
No response