JSFiddle - React, Tailwind, and code Playground
HTML
<button onclick="downloadURI('https://upload.wikimedia.org/wikipedia/commons/1/14/Marspathfinder.pdf', 'sample.pdf')">
click me
</button>
JavaScript
async function downloadURI(uri, name) {
const link = document.createElement("a");
link.download = name;
const data = await fetch(uri).then((res) => {
console.log(res)
return res.blob()})
link.href = window.URL.createObjectURL(
new Blob([data], { type: 'application/pdf' })
);
link.click();
link.remove();
window.URL.revokeObjectURL(link.href);
}