add failing test (#18051)

[delca85]

Summary

Trying to solve #18051 and #18937 .
exhaustive-deps eslint rule does not recognize a JSXIdentifier as needed dependency.

This is because eslint scope .references does not include JSX.
I have pushed only a failing test with the aim to keep on working on it.

Test Plan

Failing test where an hook uses a JSXIdentifier that is properly added to deps array while the eslint rules marks it as unnecessary.

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 1fe5102:

Sandbox	Source
React	Configuration

[sizebot]

No significant bundle size changes to report.

Size changes (stable)

Generated by 🚫 dangerJS against 1fe5102

[sizebot]

No significant bundle size changes to report.

Size changes (experimental)

Generated by 🚫 dangerJS against 1fe5102

[gaearon]

Thanks, this is a nice test case.

[delca85]

I have tried the code suggested by Sophie Bits in #18937.
Through that code, eslint is able to mark as used (when they are) the variables related to JSX Component.
I am not able to insert it in the flow used by the exhaustive-deps rule. I don't know if there is a way to populate the scope.references array using the suggested code and adding JSX Component variables to that array.