Tengo una etiqueta de entrada dentro de un componente que se carga un singe de la imagen.
<input
type="file"
accept=".png,.jpeg"
onChange={e => dispatch(setProfileImage(e.target.files[0]))}
/>
Por lo que puedo ver, la imagen se guarda en el estado después de que me envío una acción y guardarlo en el estado a través de un reductor.
Mi problema es este: En otro componente, puedo acceder a la imagen en el estado a través de useSelector y utilizar como la fuente de una etiqueta de imagen, pero la imagen aparece roto. Básicamente, yo sólo quiero ser capaz de utilizar la imagen guardada en el estado como la fuente de una etiqueta de imagen.
Cualquier explicación, tutorial o enlace será de gran utilidad. Estoy tratando de evitar el uso de backend como la aplicación en el que estoy trabajando es muy pequeño y no hay necesidad de uno, pero estoy dispuesto a que si esa es la respuesta más fácil.
Gracias!