Refs cannot be passed to render props

[yepitschunked]

Playground link

The compiler/lint rule complains with InvalidReact: Ref values (the current property) may not be accessed during render. if refs are passed as an argument to a render prop.

It's true that the render function could technically misbehave and read the ref during render, but it feels weird to lint for it in the parent component.

[aeharding]

Nice, I think this is a simplified version of my repro here: #32

[elnatanitzan]

This has been reported several times and there is an open issue about:
facebook/react#31637

Currently, it's totally fine to disable eslint rule for this line 🙂

[aeharding]

The rule can be disabled, but the compiler still bails.

Thanks for the link!

[yepitschunked]

I don't think your link is relevant. That issue is about trying to run compiled JSX through the compiler, which obviously won't work.

[andreasvirkus]

There are plans to silence this because of a large number of false-positives, it seems facebook/react#30843