Skip to content

Extraneous non-props attributes (hydrateOn*) were passed to component but could not be automatically inherited because component renders fragment or text or teleport root nodes. #32295

@n0099

Description

@n0099

Environment

  • Operating System: Linux
  • Node Version: v20.19.1
  • Nuxt Version: 3.17.5
  • CLI Version: 3.25.1
  • Nitro Version: 2.11.12
  • Package Manager: npm@10.8.2
  • Builder: -
  • User Config: compatibilityDate, devtools
  • Runtime Modules: -
  • Build Modules: -

Reproduction

https://stackblitz.com/edit/github-m2k3wh7t?file=app.vue

Describe the bug

When passing any strategy of lazy hydration on lazy component:

<LazyAsync hydrateOnVisible />

that has more than one root node:

<template>
  <p>1</p>
  <p>2</p>
</template>

Console of devtools will log:

Extraneous non-props attributes (hydrateOnVisible) were passed to component but could not be automatically inherited because component renders fragment or text or teleport root nodes.`

Additional context

No response

Logs

No response

Metadata

Metadata

Assignees

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions