¿Puede alguien por favor resolver esto? Si elimino el "/" antes de about y id, no arroja errores smh.
import Navbar from "../components/Navbar"; import Footer from "../components/Footer"; import { useState } from "react"; function MyApp({ Component, pageProps }) { const [navbar, Setnavbar] = useState(0); if (process.browser) { let params = window.location.pathname; console.log(params); if (params == "/about") { Setnavbar(0); } else if (params == `/id/portal`) { Setnavbar(1); } }Este es el concepto básico de reacción de que cada vez que cambia un estado, el componente vuelve a renderizarse. Y cuando el componente vuelve a renderizarse, vuelve a cambiar de estado, y así sigue y sigue hasta el infinito. Tendrá que aplicar técnicas para renderizar solo una vez según el valor de los parámetros. Como han mencionado otras respuestas.
Es posible que desee colocar su código dentro de useEffect así y usar la instancia del enrutador de nextJS para obtener pathName.
import Navbar from "../components/Navbar"; import Footer from "../components/Footer"; import { useState,useEffech } from "react"; import { useRouter } from 'next/router'; function MyApp({ Component, pageProps }) { const [navbar, Setnavbar] = useState(0); const router = useRouter() const params= router.pathname useEffect(()=>{ if (process.browser) { if (params == "/about") { Setnavbar(0); } else if (params == `/id/portal`) { Setnavbar(1); } } },[params])