shadcn-vue
shadcn-vue copied to clipboard
[Bug]: Auto-form: Dependencies usage results in hydration node mismatch with nuxt
Reproduction
https://stackblitz.com/edit/nuxt-vue-3-4-beta-dqvpmg?file=src%2Fpages%2Fhome%2FHomePage.vue
Describe the bug
Open the reproduction link On page load the layout of form from the serverside is not the same, and produce warnings in devtools Hydration node mismatch I thinks this is related with conditions and default values, resolved from zod schema, because the server version of form doesn't contain final result of conditions.
System Info
System:
OS: macOS 14.5
CPU: (10) arm64 Apple M1 Max
Memory: 6.64 GB / 64.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 20.17.0 - /usr/local/bin/node
Yarn: 4.4.1 - /opt/homebrew/bin/yarn
npm: 10.8.2 - /usr/local/bin/npm
pnpm: 9.3.0 - /opt/homebrew/bin/pnpm
bun: 1.1.20 - /opt/homebrew/bin/bun
Browsers:
Chrome: 128.0.6613.138
Chrome Canary: 131.0.6732.0
Safari: 17.5
npmPackages:
@vueuse/core: ^11.1.0 => 11.1.0
nuxt: ^3.13.2 => 3.13.2
radix-vue: ^1.9.6 => 1.9.6
vue: ^3.5.8 => 3.5.8
Contributes
- [ ] I am willing to submit a PR to fix this issue
- [ ] I am willing to submit a PR with failing tests