PreloadImages component (download images before DOM has loaded)

PreloadImages.tsx

// This preloads images BEFORE DOM has loaded
// See usePreloadImages.ts for loading images after DOM has loaded (https://gist.github.com/mkhoussid/c960ba200d6ef9142b80769a7c84e5f1)

import React from 'react';

type TPreloadImages = {
	imageUrls: string[];
};
export default React.memo(({ imageUrls }: TPreloadImages) => {
	return (
		<div style={{ display: 'none' }}>
			{imageUrls.map((imageUrl) => (
				<img src={imageUrl} />
			))}
		</div>
	);
});