From 24881e592ae79c90f070fa03e5b4c6dca90ab6c3 Mon Sep 17 00:00:00 2001
From: Diogo Matos <diogomatosemail@gmail.com>
Date: Thu, 28 Sep 2023 19:48:24 +0100
Subject: [PATCH] lint code

---
 components/Carousel/Carousel.tsx | 2 +-
 components/Hero/PromoGrid.tsx    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/Carousel/Carousel.tsx b/components/Carousel/Carousel.tsx
index d5dd7b0..53b2de7 100644
--- a/components/Carousel/Carousel.tsx
+++ b/components/Carousel/Carousel.tsx
@@ -24,7 +24,7 @@ const Carousel = ({ children, index, ...options }: Props) => {
       );
       return () => clearInterval(interval);
     }
-  }, [emblaApi, scroll]);
+  }, [emblaApi, scroll, index]);
 
   return (
     <div
diff --git a/components/Hero/PromoGrid.tsx b/components/Hero/PromoGrid.tsx
index 0815f9b..737253f 100644
--- a/components/Hero/PromoGrid.tsx
+++ b/components/Hero/PromoGrid.tsx
@@ -101,14 +101,14 @@ const PromoGrid = () => {
     <div className="grid w-[516px] grid-cols-2 gap-4 overflow-hidden rounded-tl-[140px] shadow-sm shadow-gray-900/20">
       {/* --> 1st Banner */}
       <Carousel index={0} loop>
-        {(PromoGridItems[0] as BannerInfo[]).map((item) => (
-          <Banner item={item} />
+        {(PromoGridItems[0] as BannerInfo[]).map((item, index) => (
+          <Banner item={item} key={index} />
         ))}
       </Carousel>
       {/* --> 2nd Banner */}
       <Carousel index={1} loop>
-        {(PromoGridItems[1] as BannerInfo[]).map((item) => (
-          <Banner item={item} />
+        {(PromoGridItems[1] as BannerInfo[]).map((item, index) => (
+          <Banner item={item} key={index} />
         ))}
       </Carousel>
       {/* --> Become a Member Banner */}