const speed :string =`{"speed": 0.2}` <div className="section jarallax h-100vh" data-jarallax={speed} style={{backgroundImage: "url('/images/header-bg.jpg')"}} id="home"> </div> <Script src="./js/parallax.js" strategy="beforeInteractive" />Lanza un error: la hidratación falló porque la interfaz de usuario inicial no coincide con lo que se representó en el servidor.
El error se produce porque hay una discrepancia entre los componentes que se ven afectados por la representación del lado del servidor y el resto de la interfaz de usuario. lo que podría intentar es eliminar el atributo beforeactive en la etiqueta del script.
Si eso no ayuda, visite este enlace: https://nextjs.org/docs/messages/react-hydration-error