Hola, estoy refactorizando un proyecto html para la aplicación nextjs, tengo algunos scripts de terceros como 'jquery.min.js', 'slick.js' y archivos js personalizados. Estoy cargando esos archivos usando <Script src="assets/js/bootstrap.min.js" strategy="beforeInteractive"/> from next/script el problema es que cuando uso el enlace de nextjs para cambiar de página, las funciones ingeniosas no funcionarán, solo funcionan cuando realizo una actualización completa aquí está el código de la página de inicio index.js
<Script src="assets/js/jquery.min.js" strategy="beforeInteractive" /> <Script src="assets/js/bootstrap.min.js" strategy="beforeInteractive" /> <Script src="assets/js/slick.js" strategy="beforeInteractive" /> <Script src="assets/js/jquery.fancybox.min.js" strategy="beforeInteractive" /> <Script src="assets/js/wow.js" strategy="beforeInteractive" /> <Script src="assets/js/functions.js" strategy="afterInteractive" /> <MainSlider images={slider_images} /> <HomeAbout /> <HomeDegital /> <HomeInfluencer /> <HomeEsport /> <HomeSpeak /> <HomePlatforms /> <HomeCapmpaign />Solucioné este problema usando
<script dangerouslySetInnerHTML={{ __html: ` //The Content of function.js in here `, }} ></script>