Estoy usando el enrutador Next.js para habilitar diferentes paneles según el slug de la URL. Esto funciona cuando se hace clic en un botón con el enlace, ya que el enlace pasa la información al enrutador Next.js, pero no funciona cuando se ingresa una URL directamente en el navegador (es decir, no funciona si el usuario actualiza la página). , o simplemente escribe la URL con el slug directamente). Entonces, si bien puedo usar rutas dinámicas cuando se presionan los enlaces, ¿cómo puedo habilitar rutas dinámicas cuando no se presiona un enlace?
El código relevante está debajo. Muchísimas gracias
const dashboard = () => { const router = useRouter(); const {dashboardID} = router.query; return ( <Dashboard dashboardID = {dashboardID}/> ); } export default dashboardEn la paginación, la consulta ya se cargó en el contexto/gancho personalizado.
Debe esperar hasta que el enrutador se cargue por completo
const dashboard = () => { const router = useRouter(); const {dashboardID} = router.query; if(!dashboardID) return null //Wait until query with dashboardID loads to avoid undefined errors return ( <Dashboard dashboardID = {dashboardID}/> ); } export default dashboard