Tengo una ventana emergente que funciona muy bien en mi aplicación Vanilla Html correctamente, es decir, cuando se hace clic en el botón, abre la ventana emergente y todo funciona bien.
El problema al que me enfrento ahora es que cuando uso el código en mi aplicación React, NextJS, carga el href y deja la página existente, estoy tratando de encontrar una manera de asegurar que la ventana emergente aún funcione en la misma página sin yendo a otra página.
Dado que se usó a etiqueta en el código inicial, intenté usar la etiqueta Link en NextJS, tal vez funcionaría, pero tenía el mismo comportamiento.
A continuación se adjunta el fragmento de código.
import Link from "next/link" <div className="footer-wrapper"> {/* <Link href="https://app.giveforms.com/forms/listwise/donate?type=popup"><a data-giveform="gf-widget" className="button button-secondary w-button">Support Listwise</a></Link> */} <a data-giveform="gf-widget" href="https://app.giveforms.com/forms/listwise/donate?type=popup" className="button button-secondary w-button">Support Listwise</a> </div>Necesita configurar el widget:
ejemplo:
export default function Home() { return ( <div className={styles.container}> <Head> <title>Sorry but our website on maintenance</title> <meta name="description" content="Maintenance" /> <script src="https://app.giveforms.com/new/widget-install.js" type="text/javascript"></script> </Head>Para mi ha ayudado