Error: React Hook "useEffect" is called conditionally. React Hooks must be called in the exact same order in every component render. react-hooks/rules-of-hooks

To fix this error move all your hook calls (useEffect, useState e.t.c to the top of your function component. An example is shown below

function Information() {
  const router = useRouter();
  const { isDark } = useTheme();
  const [user, setUser] = useState(undefined);
  const [value, setValue] = useState({ name: "Nigeria", code: "ng" });
  const [value2, setValue2] = useState(states[0]);

  //rest of your code
  return(

  )
}