Este es el código que he usado para la redirección.
esta redirigiendo a
http://localhost:3000/something/https://example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policiesen vez de
https://example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies <Link to={{ pathname: "https://example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies" }} target="_blank" > <Button variant="contained" className="py-1 px-2"> <i className="ri-upload-2-line pe-2"></i> Apply </Button> </Link>Next.js Link está diseñado para usarse solo como una herramienta de enrutamiento interno, ya que funciona con el enrutador next.js. Para un enlace externo, use la etiqueta de anclaje estándar <a href...
Creo que el enrutador de reacción intenta asumir una ruta relativa, si desea un enlace absoluto, puede usar directamente la etiqueta a lugar del componente de Link .
<a href="https://example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies" target="_blank"> <Button variant="contained" className="py-1 px-2"> <i className="ri-upload-2-line pe-2"></i> Apply </Button> </a>Si está utilizando next/link , debe usar el enlace como se muestra a continuación.
<Link href={"https://example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies"} passHref > <Button variant="contained" className="py-1 px-2"> <i className="ri-upload-2-line pe-2"></i> Apply </Button> </Link> Y si está utilizando react-router-dom , puede abrir un enlace externo como este
<Link to={{ pathname: "https://example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies" }} target="_blank" />