目的
useRouter()がnull になってしまうエラーを解決する。
(バージョンはNext.jsの13以降のようです。)
エラー内容
TypeError: Cannot read properties of null (reading 'useContext')
解決方法
どうやらuseRouterをインポートする際にnext/routerとするのは古い表記のようです。
正解は以下の通り。
import {useRouter} from 'next/navigation';
追加の問題。
解決したのはいいものの、自分のしたかったrouter.queryは無くなってしまったようで、別のものに置き換えられておりました。
import { useSearchParams } from 'next/navigation';
const searchParams = useSearchParams();
これにてデータを取得できました。
参考サイト
https://github.com/vercel/next.js/issues/41811
https://nextjs.org/docs/app/api-reference/functions/use-search-params