I was learning eslint's react/jsx options and stumbled upon this rule
A bind call or arrow function in a JSX prop will create a brand new function on every single render. This is bad for performance, as it will result in the garbage collector being invoked way more than is necessary.
The following patterns are considered warnings:
The following patterns are not considered warnings: