React: Bug: eslint-plugin-react-hooks "Cannot read property parent of null"

[travigd]

This seems to happen when

1. I take a component as a prop
2. I use that component as a JSX constructor in a hook

Minimal repro:

export const Foo = ({ Component }) => {
  React.useEffect(() => {
    console.log(<Component />);
  }, []);
};

    "eslint-plugin-react-hooks": "^4.1.1",

---

Interestingly, this does NOT cause the error:

export const Foo = ({ component }) => {
  React.useEffect(() => {
    const Component = component;
    console.log(<Component />);
  }, []);
};

[Hentaro1989]

I might be the same.

It happens when @typescript-eslint/parser is 4.1.0 and I ran yarn eslint.

yarn run v1.22.4
$ eslint ./src --ext .js,.jsx,.ts,.tsx
The prop value with an expression type of ChainExpression could not be resolved. Please file issue to get this fixed immediately.

Oops! Something went wrong! :(

ESLint: 7.8.1

TypeError: Cannot read property 'parent' of null

I think the issue of typescript-eslint is related.

fastFindReferenceWithParent in eslint-plugin-react-hooks returns null...

[eps1lon]

Confirmed with @typescript-eslint/parser 4.x. Interestingly by fixing it we can implement https://github.com/facebook/react/issues/18051 for @typescript-eslint/parser@^4.0. I'll follow-up with a PR. We might need to partition the tests by parser and not language.

[gaearon]

Fix in [email protected].

[Hentaro1989]

@eps1lon Thank you for solving this.

[damiangreen]

I'm still seeing this

The prop value with an expression type of ChainExpression could not be resolved. Please file issue to get this fixed immediately.
The prop value with an expression type of ChainExpression could not be resolved. Please file issue to get this fixed immediately.
The prop value with an expression type of ChainExpression could not be resolved. Please file issue to get this fixed immediately.
The prop value with an expression type of ChainExpression could not be resolved. Please file issue to get this fixed immediately.
The prop value with an expression type of ChainExpression could not be resolved. Please file issue to get this fixed immediately.

with the latest dependencies

[email protected],
@typescript-eslint/parser": "^4.2.0,
@typescript-eslint/eslint-plugin": "^4.2.0"
eslint": "^7.9.0"

Unfortunately it doesn't show me which line of code/ components are causing this to error.
And the build continues fine..

[Antonio-Laguna]

Same as @damiangreen here.

[travigd]

You should probably create a new issue.

[LauraBeatris]

@travigd I don't think so, since it's the same error

[travigd]

A new issue is likely to be seen by the relevant people more easily since it's not closed. And at least the error I reported in the issue above was actually fixed, even if it's the same error message.

[LauraBeatris]

@travigd Makes sense! I'll create another issue for it

[damiangreen]

@LauraBeatris did you make the issue? if so can you mention it in this thread. as this is the top Google result..

[LauraBeatris]

@damiangreen Just created https://github.com/facebook/react/issues/19940