Что произойдёт, если не передать массив зависимостей в useEffect?

Отсутствие массива зависимостей — это осознанный, но опасный режим работы useEffect.

Как React ведёт себя в этом случае

Если массив не указан:

useEffect(() => {
  console.log("effect");
});

React:

• запускает эффект после каждого рендера

• не выполняет никакой оптимизации

• считает, что эффект зависит от всего

Потенциальные проблемы

Такой эффект может:

• выполнять сетевые запросы при каждом рендере

• вызывать setState и запускать новый рендер

• создавать бесконечные циклы

Пример проблемного кода:

useEffect(() => {
  setCount(count + 1);
});

Когда это допустимо

Отсутствие массива может быть оправдано, если:

• эффект должен синхронизироваться с каждым рендером

• выполняются операции без побочных обновлений

• код гарантированно безопасен

Такие случаи редки.

Вывод

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