fix: missing key in JSX list

makeswift · Sep 4, 2024 · 975e38e · 975e38e
1 parent 0b19328
commit 975e38e
Showing 1 changed file with 5 additions and 2 deletions.
diff --git 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>