чё просто заюзал const router = useRouter() и больше ничё не делал?
активная сслка, там стили возвращает и из за этого походу пыхает function Link({ children, href, as }) {
const router = useRouter()
const handleClick = (e) => {
e.preventDefault()
router.push(href, as)
}
return (
<a className={router.pathname === href ? "active" : ""} onClick={handleClick} >
{children}