Estuve trabajando en un componente en el que cuando cargamos una imagen desde el escritorio, inicialmente creó una URL de objeto usando URL.createObjectURL(). Pero, recientemente leí en alguna parte que createObjectURL está obsoleto para MediaStream. Además, estaba recibiendo este error:

"Error al ejecutar 'createObjectURL' en 'URL': error en la resolución de sobrecarga".

También supe que podíamos configurar el srcObject en MediaStream y eso funcionaría. Pero, para la carga de imágenes, no funcionaba. ¿Hay alguna forma en la que pueda crear la URL temporal y configurar el src de la etiqueta img para que pueda obtener una vista previa en la página web? Cualquier ayuda es apreciada, ¡Gracias!

Aquí está el código que estaba usando anteriormente

 const el = profilePicture.current; const myMemoObj = URL.createObjectURL(event.target.files[0]); el.src = URL.createObjectURL(event.target.files[0]); URL.revokeObjectURL(myMemoObj);

También intenté configurar el.srcObject en event.target.files[0] pero no funcionó.

Editar: profilePicture es una referencia adjunta a una etiqueta img en el mismo componente

 profilePicture = useRef(null); . . . <img ref={profilePicture} alt="Profile Picture"/>