Tengo un enlace backend en el que hago clic (o lo paso para etiquetar) y comienza a descargarse. ¿Cómo puedo mostrar i? No quiero que los usuarios puedan descargarlo, solo quiero mostrarlo en mi componente de reacción.

Ya probé algo como esto:

 async function createFile(url) { let response = await fetch(url); let data = await response.blob(); let metadata = { type: "application/pdf", }; let file = new File([data], "12121.pdf", metadata); return file; } const [file, setFile] = useState(); useEffect(() => { if (pdf) { setFile(createFile(pdf)); } }, [pdf])

y luego traté de mostrarlo por

 <embed src={file} width="800px" height="2100px" />

pero parece que no funciona..