🚨Error: NextRouter was not mounted.🚨

❗문제 내용

next/router 경로에 있는 useRouter를 import 했더니 발생한 문제이다. Next.js 공식 문서를 살펴보면, page router 시절의 useRouter와 현재 app router의 next/navigation의 useRouter는 다르기 때문에 나타나는 문제라고 한다!

⚒️ 문제 해결

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

우리 프로젝트는 Next.js app router를 사용하고 있으므로, next/navigation에서 useRouter를 가져오는 코드로 변경하면 문제를 해결할 수 있다. 추가로 나는 router.pathname 속성을 사용하고 싶어서 next/router의 useRouter로

🙇‍♂️ 참고자료

NextRouter was not mounted