Tengo un tablero y, al cargarlo, llega a una base de datos y obtiene un montón de URL, que luego se representan en elementos IMG, así:

 <img src={Item.imageURL}/>

El problema es que cada vez que abro otra ruta y luego vuelvo a la que tiene las imágenes, los componentes img se recargan y las imágenes se descargan nuevamente. Da como resultado que los íconos se carguen visiblemente de arriba a abajo cada vez.

¿Hay alguna manera de cargar estas imágenes en el momento en que se recuperan las URL de la base de datos y luego guardarlas en el caché para que se carguen de inmediato? Como si import image from "./image.png" con imágenes locales.