Когда срабатывает cleanup-функция в useEffect?

Cleanup-функция в useEffect срабатывает в следующих случаях:

• Перед повторным выполнением эффекта при изменении зависимостей.
• При размонтировании компонента.

Это позволяет корректно освобождать ресурсы, отменять подписки или таймеры, чтобы избежать утечек памяти и некорректного поведения.

Пример:

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

  return () => {
    clearInterval(id); // очистка при размонтировании или обновлении
  };
}, []); // пустой массив зависимостей — эффект сработает один раз