From 1614335558a2ae5a95eb3f4bf1ec34ad4bf86b10 Mon Sep 17 00:00:00 2001
From: Jerome Hardaway <jerome@vetswhocode.io>
Date: Thu, 8 Feb 2024 23:06:08 -0500
Subject: [PATCH]  fixes eslint issue

---
 src/components/EmojiRain/index.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/EmojiRain/index.tsx b/src/components/EmojiRain/index.tsx
index 8daf82bb3..2ed522a72 100644
--- a/src/components/EmojiRain/index.tsx
+++ b/src/components/EmojiRain/index.tsx
@@ -1,9 +1,17 @@
+import React from 'react';
+
 const EmojiRain = () => {
+    // Generate unique IDs for each emoji
+    const emojis = Array.from({ length: 100 }).map((_, index) => ({
+        id: `emoji-${index}-${new Date().getTime()}-${Math.random()}`, // This generates a unique ID
+        emoji: '🎖️',
+    }));
+
     return (
         <div className="fixed top-0 left-0 w-full h-full pointer-events-none z-50 overflow-hidden">
-            {Array.from({ length: 100 }).map((_, index) => (
+            {emojis.map((emojiObj) => (
                 <div
-                    key={index}
+                    key={emojiObj.id} // Using the unique ID as key
                     style={{
                         position: "absolute",
                         left: `${Math.random() * 100}vw`,
@@ -11,7 +19,7 @@ const EmojiRain = () => {
                         animation: "fall 5s linear forwards",
                     }}
                 >
-                    🎖️
+                    {emojiObj.emoji}
                 </div>
             ))}
         </div>