router.isReadyがfalseな状態でも子コンポーネントのレンダリングを行うため、
if (!router.isReady) return null;
でチェックをしてから子コンポーネントをレンダリングするか、子コンポーネント側でpropsの変更に応じてstateを更新すると良い。