NextRouter was not mounted.

컴포넌트 내부에서 useRouter 를 호출해서 사용하고자 하는 과정에서 NextRouter was not mounted. 라는 에러가 발생.

📌 Error 발생 원인

client component 에서 useRouter 를 Next/Router 모듈에서 import 해서 사용한 부분이 문제가 되었다.

📌 Error 해결

Next JS 13 ver. 부터는 "use client" 를 사용해서 컴포넌트를client component 로 사용하고자 한 경우, useRouter 를 Next/Navigation 모듈에서 import 해야 한다.

전에 들었던 부분인데도 불구하고 막상 사용할 때는 잊어버렸다 😮‍💨