¿Qué es useEffectEvent y para qué sirve?

useEffectEvent — es un hook en React que permite crear manejadores de eventos estables, sin crear nuevas funciones en cada renderizado del componente. Es útil cuando necesitas pasar un manejador a componentes hijos o a oyentes de eventos, para evitar renderizados innecesarios o suscripciones repetidas.

Ejemplo de uso:

import { useEffectEvent } from 'react';

function MiComponente() {
  const handleClick = useEffectEvent(() => {
    console.log('¡Clickeado!');
  });

  return <button onClick={handleClick}>Haz clic</button>;
}

De esta manera, handleClick mantiene su referencia entre renderizados, lo que mejora el rendimiento y previene efectos innecesarios.