[Next.js] NextRouter was not mounted 해결하기

💥Error

🪄Solution

나의 경우 두 번째 상황에 해당되므로,
useRouter를 "next/router"가 아닌 "next/navigation" 모듈에서 불러오도록 수정하여 해결했다.

👓Summary

1. next13 이상의 버전을 사용하고 있고
2. app directory 안에서
3. "use client"와 useRouter를 함께 사용하려면
4. useRouter를 "next/navigation" 모듈에서 불러와야 한다.

💡Reference

nextjs.org/docs