shadcn-vue icon indicating copy to clipboard operation
shadcn-vue copied to clipboard

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

Open 7iomka opened this issue 1 year ago • 0 comments

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

7iomka avatar Sep 22 '24 16:09 7iomka