refs.setFloating triggering React Compiler lint error "Cannot access refs during render"

[silverwind]

The docs on useFloating recommend setting ref to refs.setFloating like this:

<div ref={refs.setFloating}/>

This usage triggers a lint error "Cannot access refs during render" from the new rule react-hooks/refs that was added for React Compiler.

I wonder, is this a false-positive or is it a bug in this library?

[atomiks]

It's a false positive in the lint rule
refs is a plain object and setFloating is a state setter (used as a callback ref). No refs are being read in render.

Seems like there's a bug with how refs are inferred: react/react#34775

[silverwind]

Thanks, I'll disable the rule at that line and wait for a potential fix in the lint rule.

[Mario-Eis]

Same lint error happens for

ref: elementRef => {
    listItemsRef.current[index] = elementRef
},

when using useListNavigation