O que é o useEffectEvent e para que serve?

useEffectEvent — é um hook no React que permite criar manipuladores de eventos estáveis, sem criar novas funções a cada renderização do componente. É útil quando precisa passar um manipulador para componentes filhos ou ouvintes de eventos, para evitar re-renderizações desnecessárias ou inscrições repetidas.

Exemplo de uso:

import { useEffectEvent } from 'react';

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

  return <button onClick={handleClick}>Clique em mim</button>;
}

Assim, handleClick mantém sua referência entre renderizações, o que melhora o desempenho e previne efeitos desnecessários.