Tengo que renderizar imágenes base64 para avatar debido a problemas de privacidad, todas las promesas de miniaturas se resuelven correctamente, pero las imágenes base64 no se renderizan correctamente desde la memoria caché del navegador.

Curiosamente, aparece toda la base64 después de volver a renderizar (cuando hago clic en el icono de ordenar, no se activa la recuperación).

Y aparece un elemento más en la pestaña de red. No tengo idea de por qué.

¿Podría ayudarme a renderizar todas las imágenes en formato base64 correctamente?

Aquí hay un fragmento de código.

 uniqueReferrals.forEach(({ gpReferralUuid, state }, idx) => { if (gpReferralUuid && state !== "hqSent") { healthQuestionnaireReviewService .getPatientThumbanils(gpReferralUuid) .then((res) => { const { hasPhotos } = res; if (hasPhotos) { const frontThumbnail = res.photos.frontThumbnail; uData[idx].avatar = frontThumbnail; setReferralSummary(uData); } }) .catch((error) => {}); } }); <tr> <td> <Avatar className={classes.avatar} src={row.avatar} alt="Thumbnail" />