Mis on useEffectEvent ja milleks see on vajalik?

useEffectEvent — on React hook, which allows creating stable event handlers without creating new functions on each component re-render. It is useful when passing a handler to child components or event listeners to avoid unnecessary re-renders or duplicate subscriptions.

Example of usage:

import { useEffectEvent } from 'react';

function MyComponent() {
  const handleClick = useEffectEvent(() => {
    console.log('Clicked!');
  });

  return <button onClick={handleClick}>Click me</button>;
}

This way, handleClick retains its reference between renders, improving performance and preventing unnecessary effects.