Preload images into caches in react

preloadImgs.js

// exmpale to use Promise.all to preload all the iamges in the array to the app 

// [loading, setLoading] = useState(false); 

const cacheImages = async (srcArray) => { 
const promises = await srcArray.map((src)=>{
	return new Promise((resolve, reject) => {
		const img = new Image();
		img.src = src;
		img.onload = resolve;
		img.onerror = reject;
	})
})
await Promise.all(promises)

// setLoading(false);
}