unovue / shadcn-vue

Vue port of shadcn-ui
https://www.shadcn-vue.com/
MIT License
4.59k stars 267 forks source link

[Bug]: Auto-form: Dependencies usage results in hydration node mismatch with nuxt #778

Open 7iomka opened 1 week ago

7iomka commented 1 week ago

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