Когда в useEffect вызывается возвращаемая функция

Возвращаемая функция в useEffect вызывается в двух случаях:

1. Перед повторным выполнением эффекта (при изменении зависимостей)
2. При размонтировании компонента (аналог componentWillUnmount в классах)

Пример:

useEffect(() => {
  console.log('Effect runs');
  
  return () => {
    console.log('Cleanup runs');
  };
}, [dependency]);

Важные нюансы:

• В режиме Strict Mode (dev) React может намеренно вызывать cleanup дважды для обнаружения проблем
• Cleanup выполняется синхронно перед следующим эффектом или размонтированием
• Порядок выполнения cleanup соответствует порядку объявления эффектов