React-JSX, don't allow arrow functions as props

[VPKSoft]

Hi,
I was hoping for a rule to mark arrow functions passed as JSX props as errors or warnings. This idea is based on the Q&A discussion #4625.
In ESLint there this rule is called jsx-no-bind but the implementation I'm suggesting is just to complain about arrow functions used as props:
Wrong:

<button onClick={() => onOkClick()}>OK</button>

Valid:

<button onClick={onOkClick}>OK</button>

So there would be no tracking of the prop origin, just the syntax.
Reason for this is that using arrow functions in JSX makes the code a bit messy and probably less reusable than just passing valid callbacks, functions, methods, etc.
Sample image of the VS Code:

[dyc3]

I've opened #4637 for this.

[VPKSoft]

Thank you.