What are hooks rules in React?

1
2
3
4
5
6

// top level of a component, never inside conditions or loops
function C() {
  const [a] = useState(0);
  if (x) return null;          // early return AFTER all hooks
  useEffect(() => {}, []);     // unreachable: wrong
}