Actualmente estoy usando NextJs como mi interfaz. Tengo una página dinámica con la URL http://localhost:3000/Places/[id] donde [id] toma el número de identificación de mi CMS y devuelve sus respectivos datos. Tengo un componente de barra de navegación común para todas mis páginas, pero solo para esta página quiero cambiar el estilo de la barra de navegación. Para lograr esto, estoy usando useState y useEffect para verificar la URL y cambiar el estilo en consecuencia:

Código:

 const [isplace, setIsPlace] = useState(false); useEffect(function onFirstMount() { const url= window.location.href; if(url == "https://localhost:3000/Places"){ setIsPlace(true) }else{ setIsPlace(false) } }, []); return ( <div className="fullNav" style={{opacity:isplace?"0.5":"1"}}>

Este fragmento de código funciona para páginas que no son dinámicas y tienen un valor de URL duro como http://localhost:3000/home. Entonces, ¿cómo solo cambio mi estilo para las páginas dinámicas?