usePreloadImages hook (download images in the background after DOM has rendered)

usePreloadImages.ts

// This preloads images AFTER DOM has loaded
// See PreloadedImages.tsx for loading images before DOM is ready (https://gist.github.com/mkhoussid/d6a1a7b3d029c42bbcb45bdc929602c8)

import React from 'react';

export default function usePreloadImages(imageUrls: string[]): void {
	React.useEffect(() => {
		imageUrls.forEach((imageUrl) => {
			const image = new Image();
			image.src = imageUrl;
		});
	}, []);
}