How to use Lazy component with render function

I'm trying to Lazy Hydrate components with

import {
    LazyComponent
} from '#components'
...
h(LazyComponent, {
    hydrateOnIdle: true
})

import {
    LazyComponent
} from '#components'
...
h(LazyComponent, {
    hydrateOnIdle: true
})

But I get an warning:

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

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

Shouldn't the

hydrateOnIdle

hydrateOnIdle

not passed to actual component?

Nuxt•10mo ago•

5 replies

Frox

How to use Lazy component with render function

I'm trying to Lazy Hydrate components with

import {
    LazyComponent
} from '#components'
...
h(LazyComponent, {
    hydrateOnIdle: true
})

import {
    LazyComponent
} from '#components'
...
h(LazyComponent, {
    hydrateOnIdle: true
})

But I get an warning:

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

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

Shouldn't the

hydrateOnIdle

hydrateOnIdle

not passed to actual component?

How to use Lazy component with render function

Similar Threads

How to use Lazy component with render function

Similar Threads

Similar Threads

Similar Threads