import { useRouter } from "next/navigation";
const router = useRouter();
router.push('/');
<motion.button
onTap={() => {
  console.log("router.push('/')")
    router.push("/");
}}
whileTap={{
    scale: 0.9,
    transition: { duration: 0.1, ease: "easeInOut" },
}}
whileHover={{
    scale: 1.1,
    transition: { duration: 0.2, ease: "easeInOut" },
}}
className={styles.LoginButton}
>
Login
</motion.button>

I made a plain button with nothing but just to test it whether its working or not but it still didnt work

git repo
https://github.com/studentdevelops/Face-Detect-Rework/blob/main/src/app/login/page.js#L49

What I am trying to achieve is on successful login i want to redirect user to homepage that is i want it to go from here
http://localhost:3000/login
to here
http://localhost:3000/

and it works on dev but not on build

Another weird thing,
Once i manually enter the URL after successful login it starts to work all of sudden


that is

I logged in, it didnt route me but login was successful so i entered the URL manually http://localhost:3000/ and when i click logout and try to login again it worked this time

It just doesnt work the first time if the page hasnt been visited yet

Here's the deployed one for u to check out
https://facedetection-two.vercel.app/

For Trying it out yourself
try these credentials
test@testing.com
123@passsword

thanks man