기존
페이지 이동을 위해 useRouter()를 사용했는데 에러가 발생했습니다.
next 13에서 app directory를 이용한 경우, client side에서 렌더링 하도록 하려면 “use client”를 사용합니다.
하지만,
“use client”를 사용하면 NextRouter was not mounted.라는 에러가 발생하며 사용할 수없습니다.
변경
useRouter 대신에 useNavigation을 사용하면 페이지 이동이 가능했습니다.
- query 등의 정보가 필요한 경우 usePathname을 사용
next 13 + app directory + "use client"
키워드를 사용할 때는 'next/router' 가 아닌 'next/navigation' 모듈을 이용하자.
