Add missing keys

canada-ca · Oct 21, 2024 · 48c7b3a · 48c7b3a
1 parent 883b031
commit 48c7b3a
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 19 deletions.
diff --git a/frontend/src/guidance/GuidancePage.js b/frontend/src/guidance/GuidancePage.js
@@ -341,12 +341,12 @@ function GuidancePage() {
         </Text>
         {organizations.edges.map(({ node }, idx) => {
           return (
-            <>
-              <Link as={RouteLink} to={`/organizations/${node.slug}`} key={idx}>
+            <React.Fragment key={idx}>
+              <Link as={RouteLink} to={`/organizations/${node.slug}`}>
                 {node.name} ({node.acronym})
               </Link>
               {idx !== organizations.edges.length - 1 && <Text mr="1">,</Text>}
-            </>
+            </React.Fragment>
           )
         })}
       </Flex>

diff --git a/frontend/src/guidance/WebTLSResults.js b/frontend/src/guidance/WebTLSResults.js
@@ -65,20 +65,16 @@ export function WebTLSResults({ tlsResult }) {
               <Trans>The following ciphers are from known weak protocols and must be disabled:</Trans>
             </Text>
             {weakProtocols?.map((protocol) => {
-              return (
-                <>
-                  {rest[protocol]?.map(({ name }, idx) => {
-                    return (
-                      <Flex key={idx} {...cipherStyleProps}>
-                        <Flex align="center" minW="50%">
-                          <Text color="weak">{name}</Text>
-                        </Flex>
-                        <Text color="weak">{weakProtocolNames[protocol]}</Text>
-                      </Flex>
-                    )
-                  })}
-                </>
-              )
+              return rest[protocol]?.map(({ name }, idx) => {
+                return (
+                  <Flex key={`${protocol}-${idx}`} {...cipherStyleProps}>
+                    <Flex align="center" minW="50%">
+                      <Text color="weak">{name}</Text>
+                    </Flex>
+                    <Text color="weak">{weakProtocolNames[protocol]}</Text>
+                  </Flex>
+                )
+              })
             })}
           </Box>
         ) : (
@@ -497,10 +493,10 @@ export function WebTLSResults({ tlsResult }) {
                                   </Text>
                                   {sanList.map((san, idx) => {
                                     return (
-                                      <>
+                                      <React.Fragment key={idx}>
                                         {san}
                                         {idx < sanList.length - 1 && ', '}
-                                      </>
+                                      </React.Fragment>
                                     )
                                   })}
                                 </Flex>