Когда будет добавляться новый слушатель в useEffect

Новый слушатель добавляется при каждом рендере компонента, если массив зависимостей не указан или изменяется. Чтобы избежать утечек памяти, нужно очищать предыдущий слушатель перед добавлением нового. Пример:

useEffect(() => {
  const handleResize = () => console.log('Resized');
  window.addEventListener('resize', handleResize);

  return () => {
    window.removeEventListener('resize', handleResize);
  };
}, []); // Пустой массив - слушатель добавится только при монтировании

Без массива зависимостей или с изменяющимися зависимостями слушатель будет добавляться при каждом рендере. Очистка в return гарантирует удаление старого слушателя перед добавлением нового.