Skip to content

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

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

    Type

    Fields

    No fields configured for Bug.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions