Skip to content

<UHeader> causing Hydration error when using with e.g. <LazyAccordion> #5801

@Mat4m0

Description

@Mat4m0

Environment

Operating system macOS 24.6.0
CPU Apple M1 Pro (10 cores)
Node.js version v22.15.0
nuxt/cli version 3.31.3
Package manager pnpm@10.27.0
Nuxt version 4.2.2
Nitro version 2.12.9
Builder vite@7.3.0
Config compatibilityDate, css, debug, devtools, modules, vite
Modules @nuxt/ui@4.3.0

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.3.0

Reproduction

https://github.com/Mat4m0/hydration

Description

When using the Header with a e.g. Lazy Loaded Accordion, we get a hydration error in production!

HEADER Image

Additional context

No response

Logs

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingtriageAwaiting initial review and prioritizationv4#4488

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions