From d3fa33b10468202429a2273f83184322e17118d4 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <alicia@omg.lol>
Date: Sun, 13 Aug 2023 13:58:23 +0100
Subject: [PATCH] Adds unique id attr to mapped elems

---
 src/components/Results/MailConfig.tsx | 12 ++++++------
 src/components/Results/Sitemap.tsx    |  4 ++--
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/Results/MailConfig.tsx b/src/components/Results/MailConfig.tsx
index b69c16d..6ef7f3e 100644
--- a/src/components/Results/MailConfig.tsx
+++ b/src/components/Results/MailConfig.tsx
@@ -18,22 +18,22 @@ const MailConfigCard = (props: {data: any, title: string, actionButtons: any }):
       <Row lbl="BIMI" val={txtRecords.includes('bimi')} />
 
       { mailServer.mxRecords && <Heading as="h3" color={colors.primary} size="small">MX Records</Heading>}
-      { mailServer.mxRecords && mailServer.mxRecords.map((record: any) => (
-          <Row lbl="" val="">
+      { mailServer.mxRecords && mailServer.mxRecords.map((record: any, index: number) => (
+          <Row lbl="" val="" key={index}>
             <span>{record.exchange}</span>
             <span>{record.priority ? `Priority: ${record.priority}` : ''}</span>
           </Row>
         ))
       }
       { mailServer.mailServices.length > 0 && <Heading as="h3" color={colors.primary} size="small">External Mail Services</Heading>}
-      { mailServer.mailServices && mailServer.mailServices.map((service: any) => (
-        <Row lbl={service.provider} val={service.value} />
+      { mailServer.mailServices && mailServer.mailServices.map((service: any, index: number) => (
+        <Row lbl={service.provider} val={service.value} key={index} />
         ))
       }
 
       { mailServer.txtRecords && <Heading as="h3" color={colors.primary} size="small">Mail-related TXT Records</Heading>}
-      { mailServer.txtRecords && mailServer.txtRecords.map((record: any) => (
-          <Row lbl="" val="">
+      { mailServer.txtRecords && mailServer.txtRecords.map((record: any, index: number) => (
+          <Row lbl="" val="" key={index}>
             <span>{record}</span>
           </Row>
         ))
diff --git a/src/components/Results/Sitemap.tsx b/src/components/Results/Sitemap.tsx
index 8780a36..6720d83 100644
--- a/src/components/Results/Sitemap.tsx
+++ b/src/components/Results/Sitemap.tsx
@@ -42,7 +42,7 @@ const SitemapCard = (props: {data: any, title: string, actionButtons: any }): JS
     <Card heading={props.title} actionButtons={props.actionButtons} styles={cardStyles}>
       {
         normalSiteMap && normalSiteMap.map((subpage: any, index: number) => {
-          return (<ExpandableRow lbl={getPathFromUrl(subpage.loc[0])} val="" rowList={makeExpandableRowData(subpage)}></ExpandableRow>)
+          return (<ExpandableRow lbl={getPathFromUrl(subpage.loc[0])} key={index} val="" rowList={makeExpandableRowData(subpage)}></ExpandableRow>)
         })
       }
       { siteMapIndex && <p>
@@ -50,7 +50,7 @@ const SitemapCard = (props: {data: any, title: string, actionButtons: any }): JS
       </p>}
       {
         siteMapIndex && siteMapIndex.map((subpage: any, index: number) => {
-          return (<Row lbl="" val=""><a href={subpage.loc[0]}>{getPathFromUrl(subpage.loc[0])}</a></Row>);
+          return (<Row lbl="" val="" key={index}><a href={subpage.loc[0]}>{getPathFromUrl(subpage.loc[0])}</a></Row>);
         })
       }
     </Card>