Tengo un pdf que recibo de una llamada api y quiero lograr descargar el archivo a mi computadora sin que abra una nueva pestaña o abra la URL en la pestaña actual que tengo abierta. Me doy cuenta de que esta es una pregunta frecuente, pero todo lo que puedo encontrar son ejemplos que logran abrir una nueva pestaña o cargar en la pestaña actual.

He intentado usar una etiqueta como:

 <Button className="save-sign-note" > <a href={pdfURL} download={`${props.visitType}`}> Download and Next <RightArrow /> </a> </Button>

y esto descarga el archivo en la ventana actual.

También he intentado usar un controlador como:

 <Button onClick={() => DowloadAndNext()} >... const DowloadAndNext = () => { window.location.href = pdfURL; };

y

 <Button onClick={() => DowloadAndNext()} >... const DowloadAndNext = () => { const url = pdfURL; const link = document.createElement("a"); link.href = url; link.setAttribute("download", "file.pdf"); document.body.appendChild(link); link.click(); };

pero obtengo el mismo resultado cada vez. Cualquier ayuda con esto sería increíble ya que soy nuevo en el desarrollo de front-end.