Estoy generando un pdf usando la biblioteca react-pdf. Todo parece funcionar bien, pero no puedo hacer que el elemento Link de @react-pdf/renderer funcione correctamente.

 const add_hyperlink = (url_text: string) => { return <Text><Link src={url_text}>{url_text}</Link></Text>; };

En el documento pdf, aparece como debería ser un enlace e incluso el puntero cambia al pasar el mouse, al hacer clic en el enlace, en Chrome no sucede nada, mientras que en Adobe Reader, resulta en un bloqueo de seguridad.

Traté de usar una etiqueta <a> en su lugar, pero resultó en el mismo resultado. ¿Alguien sabe cómo resolver esto? Gracias.

EDITAR: Algo de lo que me di cuenta mientras investigaba sobre esto. Anotar porque es fácil confundirse con las pequeñas diferencias.

1. biblioteca @react-pdf/renderer se utiliza para crear archivos PDF en reaccionar.
2. La biblioteca react-pdf se usa para mostrar el pdf existente en una aplicación de reacción.

Hubo varias menciones sobre el uso de opciones de anotación e incluyeron "import 'react-pdf/dist/Page/AnnotationLayer.css';" lo que hizo que los enlaces aparecieran correctamente para muchos desarrolladores. Sin embargo, esto pertenece a la biblioteca de react-pdf y solo funcionará si es necesario para renderizar pdf dentro de la aplicación de reacción.

En este caso, estoy creando un nuevo PDF con @react-pdf/renderer pero estoy generando un enlace para descargar el archivo PDF generado ( https://react-pdf.org/advanced#on-the-fly-rendering ) .

También encontré la solución a mi problema. Se supone que el enlace que estaba usando redirigiría a otra URL y, por lo tanto, el problema. Usé el enlace final en src y luego funciona sin problemas.

Espero que estas observaciones sean de ayuda para alguien en el futuro :)