fix: add key prop to <Speakers>

frontChapter · Jan 22, 2024 · a7f8c4c · a7f8c4c
1 parent d35b648
commit a7f8c4c
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/app/components/Speakers/Speakers.tsx b/src/app/components/Speakers/Speakers.tsx
@@ -1,6 +1,7 @@
 import { RiMicLine } from "react-icons/ri";
 import { speakersData } from "@/data/speakersData";
 import SpeakerCard from "./SpeakerCard";
+import { Fragment } from "react";
 
 export default function Speakers() {
   return (
@@ -16,12 +17,12 @@ export default function Speakers() {
         <div className="flex flex-wrap items-center justify-center gap-y-4 md:gap-y-6 lg:gap-y-0">
           {speakersData.map((item, index) => {
             return (
-              <>
+              <Fragment key={index}>
                 {[4, 7].includes(index) && (
                   <div className="hidden h-6 w-full lg:block" />
                 )}
-                <SpeakerCard key={index} {...item} />
-              </>
+                <SpeakerCard {...item} />
+              </Fragment>
             );
           })}
         </div>