What are the rules of hooks?

Hooks must only be called at the top level of a function, never inside loops, conditions, or nested functions. They must only be called from React function components or from other custom hooks, never from regular JavaScript functions.