a

components/lazyLoadedImage.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { useGameThumbnailLazyLoad } from '@/hooks/use-lazy-load';
+
+interface LazyLoadedImageProps {
+	imgId: string;
+	alt: string;
+	[prop: string]: string
+}
+
+const LazyLoadedImage: React.FC<LazyLoadedImageProps> = ({ imgId, alt, ...props }: LazyLoadedImageProps) => {
+	const imgUrl = useGameThumbnailLazyLoad(imgId);
+
+	return (
+		<div>
+			{imgUrl ? (
+				<img src={imgUrl} alt={alt} {...props} />
+			) : (
+				<p>Loading...</p>
+			)}
+		</div>
+	);
+};
+
+export default LazyLoadedImage;