Можно ли ставить if перед hook

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

// ❌ Неправильно
if (condition) {
  const [state, setState] = useState();
}

// ✅ Правильно
const [state, setState] = useState();
if (condition) {
  // Используем state здесь
}

Нарушение этого правила приведёт к ошибке "Rendered fewer hooks than expected". React полагается на порядок вызовов хуков для их корректной работы.