useRouter の import 元を間違えると "NextRouter was not mounted" で詰まる話

• #フロントエンド
• #クラウド
• #DevOps・CI/CD

AIで作成し、掲載基準に基づいて自動選定した要約です。

• useRouterのimport元を間違えるとNextRouter was not mountedエラーが発生する
• next/routerとnext/navigationの2種類のuseRouterがあり、App Routerではnext/navigationを使用する
• App Routerではrouter.pushなどの移動機能しか使えないため、クエリやパス名の取得には別フックが必要になる