[Error] "NextRouter was not mounted." 문제

Next.js로 미니프로젝트 코드를 작성 중 라우터를 걸기만 했는데 위와 같은 에러에 부딛쳐버렸다..

mountedError: NextRouter was not mounted.
예상하기론 next13이 최신버전이다 보니 나온 문제같아 보이는데 이를 찾아보니

참고링크
평소 hook을 사용할때 "use client"를 사용해야 했지만 UseRouter같은 경우 위와 같은 에러가 발생할 수 있다.

해결방법

이를 해결하기 위해 검색을 정말 많이 했다.
import { useRouter } from 'next/router';을 대신해서
import { useRouter } from 'next/navigation';을 사용하면 해결이 된다!

중간에 사실 GPT선생님에게 여쭈어봤으나...

인간은 아닌 GPT선생이지만 인간미가 있었다...