Next.jsのrouterでundefinedが出る問題

「Next.jsのrouterでundefinedが出る問題」のアイキャッチ画像

Next.jsでrouter経由でparamsを取得しようとした際に、undefinedが出る問題が発生しましたが、下記のようにreadyしたタイミングに変更したところ、問題なく動きました

const router = useRouter();
useEffect(()=>{
    if(!router.isReady) return;
}, [router.isReady]);

参考記事

useRouter/withRouter receive undefined on query in first render