React Hooks Rules Violation

React Hooks must be called in the same order every render. This error occurs when hooks are called inside conditions, loops, or nested functions.

Move all hooks to the top level of your component. Use conditional logic inside the hook callbacks, not around the hook calls themselves.