How to use Lazy component with render function

I'm trying to Lazy Hydrate components with

h

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

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

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.

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

hydrateOnIdle

hydrateOnIdle not passed to actual component?

How to use Lazy component with render function

Similar Threads

Similar Threads

Similar Threads