📜
Fundamentos
Rules of Hooks
Hooks só podem ser chamados no topo de função componente, sempre na mesma ordem.
Definição
As Rules of Hooks são regras invioláveis: 1) Só chame hooks no nível superior (não em loops, condicionais ou nested functions). 2) Só chame hooks de funções React (componentes ou outros hooks). O ESLint plugin react-hooks/rules-of-hooks valida automaticamente.
🔴 Problema
Chamar hooks condicionalmente quebra o React — ele rastreia hooks por ordem de chamada, não por nome.
✅ Solução
Sempre chamar todos os hooks no topo da função, na mesma ordem em todos os renders. Condições devem estar dentro do hook, não em volta dele.
💡 Dica Senior
Se precisa chamar hook condicionalmente, extraia para um componente filho que renderiza condicionalmente.
Perguntas de Entrevista
21/48