[Enhancement]: jsx-handler-names reports error with inline ternary conditional callbacks

[stevensacks]

Is there an existing issue for this?

• I have searched the existing issues and my issue is unique
• My issue appears in the command-line and not only in the text editor

Description Overview

Conditionally applying callback functions with inline ternary statements violates the rule, even when the condition will satisfy the rule.

<MyComponent
  onClick={isClickDisabled ? undefined : handleClick}
/>

ESLint: Handler function for onClickNext prop key must be a camelCase name beginning with 'handle' only(react/ jsx-handler-names)

Expected Behavior

If there is an inline ternary condition and it returns the properly named function, it should pass.

eslint-plugin-react version

v7.37.2

eslint version

v8.57.0

node version

v20.17.0

[ljharb]

Introspecting ternary expressions is not something that we do by default. I suppose we could, though.

[stevensacks]

I hope it's ok that I've changed the name to Enhancement. Since it's not technically a bug because it is not written to support this, it's a request for enhancement.