react/jsx-handler-names should not flag arrow functions

[astorije]

Given the following configuration:

react/jsx-handler-names:
  - error
  - eventHandlerPrefix: '(handle|on|set)'
    checkLocalVariables: true

The following code:

<Button onClick={() => setVisible(!visible)}>
  {visible ? 'Hide' : 'Show'}
</Button>

fails linting with the following message:

Handler function for onClick prop key must begin with '(handle|on|set)'  react/jsx-handler-names

We believe react/jsx-handler-names should not trigger on arrow functions, because there is no way to address the handler naming violation without refactoring into a variable or similar (which, while probably valid, is another rule/problem).
Thoughts?

[ljharb]

At the least, that seems like a reasonable option to add.

[aaronetto]

I agree with this correction because it would help a lot to work with react hooks.

[dididy]

Could I resolve this issue? I'm working on it.

[ljharb]

@dididy yes, anything with the "help wanted" label that doesn't already have a linked PR is up for grabs :-)

[roshcagra]

Any update on this? Glad to help!

[dididy]

@ljharb @roshcagra Could you review my Pull Request? #2761