useEffect'te temizlik fonksiyonu (return) ne işe yarar? setInterval kullanırken olmadan ne olur?

В React хук useEffect может возвращать функцию очистки (cleanup function), которая вызывается при размонтировании компонента или перед повторным выполнением эффекта.

При использовании setInterval внутри useEffect без функции очистки интервал продолжит работать даже после размонтирования компонента, что приведёт к утечкам памяти и нежелательным побочным эффектам.

Пример правильного использования:

useEffect(() => {
  const intervalId = setInterval(() => {
    console.log('Тик');
  }, 1000);

  return () => {
    clearInterval(intervalId); // Очистка интервала при размонтировании
  };
}, []);

Без clearInterval интервал будет продолжать работать в фоне, что может вызвать ошибки и ухудшить производительность.