Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
2 tasks
7iomka opened this issue Sep 22, 2024 · 0 comments
Open
2 tasks
Labels
bug Something isn't working

Comments

@7iomka
Copy link

7iomka commented Sep 22, 2024

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 7iomka added the bug Something isn't working label Sep 22, 2024
@7iomka 7iomka changed the title [Bug]: Auto-form: Conditions usage results in hydration node mismatch with nuxt [Bug]: Auto-form: Dependencies usage results in hydration node mismatch with nuxt Sep 22, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant