Eu tenho uma marca de entrada dentro de um componente que carrega uma única imagem.
<input
type="file"
accept=".png,.jpeg"
onChange={e => dispatch(setProfileImage(e.target.files[0]))}
/>
A partir do que eu posso ver, a imagem fica guardada no estado depois eu envio uma ação e salvá-lo para o estado, através de um redutor.
O meu problema é este: Em outro componente, acesso a imagem em que o estado, através de useSelector e usá-lo como fonte em uma tag de imagem, mas a imagem aparece quebrado. Basicamente, eu só quero ser capaz de usar a imagem salva no estado como a fonte de uma imagem de marca.
Qualquer explicação, tutorial ou link serão muito apreciados. Eu estou tentando evitar o uso de back-end como a aplicação que eu estou trabalhando é muito pequena e não há nenhuma necessidade para um, mas estou disposto a se essa é a resposta mais fácil.
Obrigado!