Bug: eslint-plugin-react-hooks error with Flow component syntax

[necolas]

Plugin version: 4.5

I don't know if I've overlooked something or made a mistake, but after switching to Flow's component syntax I have lint errors coming from eslint-plugin-react-hooks.

Steps To Reproduce

1. Use flow component syntax in a React component
2. Run linter

Link to code example: facebook/react-strict-dom#377

The current behavior

Error:

React Hook "useStrictDOMElement" is called in function "createStrictDOMTextInputComponent" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use"

The expected behavior

No error

[josephsavona]

Weird, thanks for the heads up! We parse with hermes-parser with component syntax enabled, so I would expect it work. I'll flag some folks.

[josephsavona]

Oh wait, I think the issue is just that you're on an older version of the linter that doesn't support component syntax yet. Can you try latest stable or @rc?

[necolas]

I had the same problem with the latest version.

Do you think I need to migrate to eslint v9 too?

[josephsavona]

Weird. I thought we had upstreamed the changes to the non-compiler-based rules to support component syntax, but maybe not? Cc @pieterv

[SamChou19815]

@necolas You will need to use a canary version. See facebook/react-native@30d8a15

[necolas]

Thanks that did the trick!