Next.jsのrouter.queryがundefineになる話

router.isReadyがfalseな状態でも子コンポーネントのレンダリングを行うため、

if (!router.isReady) return null;

でチェックをしてから子コンポーネントをレンダリングするか、子コンポーネント側でpropsの変更に応じてstateを更新すると良い。

Related Articles