From 975e38e48b147d460b4a692d67a7b2c18d8e6abe Mon Sep 17 00:00:00 2001
From: Miguel Oller <miguel@makeswift.com>
Date: Wed, 4 Sep 2024 18:35:44 -0400
Subject: [PATCH] fix: missing key in JSX list

---
 apps/web/vibes/soul/components/reviews/index.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/web/vibes/soul/components/reviews/index.tsx b/apps/web/vibes/soul/components/reviews/index.tsx
index 21866fc74..b89584426 100644
--- a/apps/web/vibes/soul/components/reviews/index.tsx
+++ b/apps/web/vibes/soul/components/reviews/index.tsx
@@ -21,9 +21,12 @@ export const Reviews = function Reviews({ reviews, averageRating }: Readonly<Pro
         <Rating rating={averageRating} className="-mt-3 mb-3" />
       </div>
       <Carousel className="pb-10 @4xl:pb-20" contentClassName="!gap-6">
-        {reviews.map(({ review, name, date }) => {
+        {reviews.map(({ review, name, date }, index) => {
           return (
-            <div className="mb-10 flex min-w-full flex-col border-t border-t-contrast-200 @lg:min-w-96">
+            <div
+              key={index}
+              className="mb-10 flex min-w-full flex-col border-t border-t-contrast-200 @lg:min-w-96"
+            >
               <p className="my-10 text-sm">{review}</p>
               <span className="text-sm font-medium">{name}</span>
               <span className="text-sm text-contrast-400">{date}</span>