¿Cuándo se ejecuta la función de limpieza en useEffect?

La función de limpieza en useEffect se activa en los siguientes casos:

• Antes de volver a ejecutar el efecto cuando cambian las dependencias.
• Cuando se desmonta el componente.

Esto permite liberar recursos correctamente, cancelar suscripciones o temporizadores, para evitar fugas de memoria y comportamientos incorrectos.

Ejemplo:

useEffect(() => {
  const id = setInterval(() => {
    console.log('tick');
  }, 1000);

  return () => {
    clearInterval(id); // limpieza al desmontar o actualizar
  };
}, []); // matriz de dependencias vacía — el efecto se ejecutará una vez