He estado tratando de resolver esto durante días, por favor ayuda. Tengo la tarea de descargar un pdf devuelto por una respuesta de la API y finalmente logré descargarlo en el navegador, pero cuando abro la descarga, muestra un error al cargar. No entiendo completamente lo que estoy haciendo y ese es definitivamente el problema. Encontré una solución aquí en medium que me ayudó a llegar a donde estoy ahora. Me temo que puede no estar funcionando porque el origen de la url no es el mismo que el del sitio web. Pero no estoy seguro.

Suficiente divagación este es mi código:

 const DowloadAndNext = () => { const link = document.createElement("a"); link.href = pdfURL; link.setAttribute("download", pdfName); document.body.appendChild(link); link.click(); props.onReviewNote(); }; return( <Button className="save-sign-note" onClick={() => DowloadAndNext()}> Download and Next <RightArrow /> </Button> )

No estoy seguro de por qué la descarga no se realiza correctamente. pdfURL es la URL devuelta por la API. (nota al margen: no puedo usar directamente una etiqueta de anclaje para esto ya que la URL tiene un origen diferente y el resultado esperado no es abrir una nueva pestaña o cargar el pdf en la pestaña actual, sino solo descargarlo a la computadora) y yo no seguro si esto me dará el mismo resultado que simplemente usar la etiqueta de anclaje o si esto puede funcionar. Soy nuevo en esto, así que cualquier consejo sería muy útil. Gracias por adelantado.