After starting new project with the latest stable React version (17.0.1) I noticed that in the strict mode I'm getting react/jsx-no-bind warn w\o using inline arrow function:
//...
const cancelDeletion = (): void => setShowDeleteConfirmation(false);
return (
<div>
<Button onClick={cancelDeletion}>
{cancelText}
</Button>
</div>
);
What is the best way to avoid such warnings? I'm confused as I assumed that arrow function passed as variable does not lead to re-rendering of the component as it does when inline arrow function is passed. Meaning that this warning is not expected.