Try to read the error log for the router error

you are probabbly mixing up the documentation from the pages dir.
you are using the app folder hence you need to switch the documentation to the app router

if ill do this in pages folder it should work?

yesss

well it doesnt D:

thats unfortunate :(

just use the app router documentation, you'll have better chance at making it work
https://nextjs.org/docs/app

You need to import useRouter from next/navigation

But it seems usePathname or useSearchParams are more suitable for this