Tengo un archivo de imagen en forma de un objeto de archivo JavaScript. Debía agregarlo a una etiqueta <img> para poder representarlo en mi proyecto React. Esto se utilizará en mi código del lado del cliente, por lo que no quiero que se descargue. Estaba viendo algunas preguntas similares (pero no exactas) y todas usan un FileReader, pero parece que no puedo hacerlo funcionar. Sigo recibiendo un ImagePreview.js:25 Uncaught TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'. . Mi objeto es un objeto Archivo que es un tipo de Blob según el documento de Mozilla. ¿Quizás estoy confundido? ¿Podría alguien señalarme en la dirección correcta? Así es como se ve el objeto cuando lo imprimo en la consola:

 File {name: 'gopher1.png', lastModified: 1633647754682, lastModifiedDate: Thu Oct 07 2021 18:02:34 GMT-0500 (Central Daylight Time), webkitRelativePath: '', size: 34156, …} lastModified: 1633647754682 lastModifiedDate: Thu Oct 07 2021 18:02:34 GMT-0500 (Central Daylight Time) {} name: "gopher1.png" size: 34156 type: "" webkitRelativePath: "" [[Prototype]]: File