remove key warnings

GlobalFishingWatch · Sep 26, 2024 · 8d24d48 · 8d24d48
1 parent c32b736
commit 8d24d48
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/apps/fishing-map/features/reports/vessel-groups/insights/VGRInsightGaps.tsx b/apps/fishing-map/features/reports/vessel-groups/insights/VGRInsightGaps.tsx
@@ -70,7 +70,7 @@ const VesselGroupReportInsightGap = () => {
                   const vesselId = vessel.identity.id
                   const isExpandedVessel = expandedVesselIds.includes(vesselId)
                   return (
-                    <li className={styles.row}>
+                    <li className={styles.row} key={vesselId}>
                       <Collapsable
                         id={vesselId}
                         open={isExpandedVessel}

diff --git a/apps/fishing-map/features/reports/vessel-groups/insights/VGRInsightMOU.tsx b/apps/fishing-map/features/reports/vessel-groups/insights/VGRInsightMOU.tsx
@@ -73,7 +73,7 @@ const VesselGroupReportInsightMOU = () => {
               const name = formatInfoField(vessel.shipname, 'name')
               const flags = Array.from(new Set(insights.map((i) => i.insight.reference)))
               return (
-                <li className={styles.row}>
+                <li className={styles.row} key={vessel.id}>
                   <VesselLink
                     className={styles.link}
                     vesselId={vessel.id}
@@ -114,9 +114,8 @@ const VesselGroupReportInsightMOU = () => {
       }
       const uniqVessels = Array.from(new Set(vesselInsights.map((v) => v.vessel.id)))
       return (
-        <div className={styles.nested}>
+        <div className={styles.nested} key={list}>
           <VesselsInMOUByCategory
-            key={list}
             insights={vesselInsights}
             expanded={insightsExpanded.includes(`${country}-${list}`)}
             onToggle={(isOpen) => onToggle(isOpen, list)}