rules of hooks

Call hooks only at the top level of a component or custom hook, never inside `if`, loops or handlers. Breaking this makes React report a change in the order of hooks.