solid/reactivity with component ref

Hi. I enabled the solid eslint plugin and going through warnings I came across this case:
https://playground.solidjs.com/anonymous/b30f1656-5be1-4dd2-9d22-11cbf4067c6b

Warning is this:

The reactive variable 'props.ref' should be used within JSX, a tracked scope (like createEffect), or inside an event handler function, or else changes will be ignored.
eslint(solid/reactivity)

The reactive variable 'props.ref' should be used within JSX, a tracked scope (like createEffect), or inside an event handler function, or else changes will be ignored.
eslint(solid/reactivity)

Is this a false positive?

Or am I using component ref incorrectly? I couldn't find any documentation except this GH discussion:
https://github.com/solidjs/solid/discussions/564#discussioncomment-4594092

Solid Playground

Quickly discover what the solid compiler will generate from your JSX template

SolidJS•10mo ago•

20 replies

SilenZ

solid/reactivity with component ref

Hi. I enabled the solid eslint plugin and going through warnings I came across this case:
https://playground.solidjs.com/anonymous/b30f1656-5be1-4dd2-9d22-11cbf4067c6b

Warning is this:

The reactive variable 'props.ref' should be used within JSX, a tracked scope (like createEffect), or inside an event handler function, or else changes will be ignored.
eslint(solid/reactivity)

The reactive variable 'props.ref' should be used within JSX, a tracked scope (like createEffect), or inside an event handler function, or else changes will be ignored.
eslint(solid/reactivity)

Solid Playground

Quickly discover what the solid compiler will generate from your JSX template

solid/reactivity with component ref

Similar Threads

solid/reactivity with component ref

Similar Threads

Similar Threads

Similar Threads