En mi aplicación estoy usando nextjs y estoy transicionando mi aplicación de estática a SSR. En mi aplicación personalizada, introduje la función getInitialProps y noté que cuando uso la función getInitialProps , mi propiedad isReady desde el useRouter() siempre es verdadera y el objeto de consulta está vacío cuando tengo parámetros de consulta en la URL.
Ejemplo:
const App = ({ Component, pageProps }: AppProps): JSX.Element => { const router = useRouter() useEffect(() => { console.log('App route: ') console.log(router) console.log(router.isReady) console.log(router.query) }, [router]) return ({router.isReady && <Component {...pageProps}/>}) }En este escenario, lo que sucede es que los parámetros de consulta "aparecen" más tarde, y los registros de la consola se imprimen dos veces debido a la hidratación posterior (lo que tiene sentido). Pero, ¿no debería ser falso el indicador isReady? en la primera consola? después de la hidratación?