"NextRouter was not mounted." 에러 10초 해결하기

next12 버전 -> next 13 app directory 로 변경하면서 발생한 오류이다

 

useRouter는 SSR할때 사용가능하지만 해당컴포넌트는 CSR로 설정되어있다

(최상단에 use client 선언)

 

여기서 페이지 이동을 하고싶으면 useNavigation을 사용해야한다

 

 

import { useRouter } from 'next/router'

 

이놈을

import { usePathname, useRouter } from 'next/navigation'

이놈으로 바꿔주면 된다

 

끝