Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Server components cause hydration error when used inside resolved component #26434

@florianthiel

Description

@florianthiel

Environment


  • Operating System: Linux
  • Node Version: v18.18.0
  • Nuxt Version: 3.11.1
  • CLI Version: 3.11.1
  • Nitro Version: 2.9.4
  • Package Manager: [email protected]
  • Builder: -
  • User Config: devtools
  • Runtime Modules: -
  • Build Modules: -

Reproduction

https://stackblitz.com/edit/github-v2dhfq

Describe the bug

Since Nuxt version 3.10 server components cause an hydration mismatch and don't render when used inside resolved components.

Additional context

No response

Logs

[Vue warn]: Hydration node mismatch:
- rendered on server: <!--[--> (start of fragment) 
- expected on client: div 
  at <NuxtIsland name="Icon" lazy=false props= Proxy(Object)  ... > 
  at <Icon> 
  at <Container.global> 
  at <AsyncComponentWrapper> 
  at <App key=3 > 
  at <NuxtRoot>

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions