Почему Hook нельзя использовать в условиях

Хуки нельзя использовать в условиях, потому что React полагается на порядок вызова хуков между рендерами. Условия могут изменять порядок вызова хуков, что приведёт к ошибкам. React использует внутренний механизм для отслеживания хуков, основанный на их порядке в компоненте.

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

if (condition) {
  const [state, setState] = useState(); // ❌ Ошибка!
}

Правильный подход — выносить условие внутрь хука:

const [state, setState] = useState(condition ? initialValue : null);

Это правило относится ко всем хукам (useState, useEffect и др.) и гарантирует стабильность работы React.