Quando viene eseguita la funzione di cleanup in useEffect?

La funzione di cleanup in useEffect viene eseguita nei seguenti casi:

• Prima di rieseguire l'effetto quando cambiano le dipendenze.
• Quando il componente viene smontato.

Questo permette di liberare correttamente le risorse, annullare sottoscrizioni o timer, per evitare perdite di memoria e comportamenti errati.

Esempio:

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

  return () => {
    clearInterval(id); // pulizia durante lo smontaggio o l'aggiornamento
  };
}, []); // array di dipendenze vuoto — l'effetto si esegue una sola volta