Issue 168 - add key prop to ssh keys and certs

Fixes console warning: Each child in a list should have a unique "key" prop Signed-off-by: Mark Reynolds <mreynolds@redhat.com> Fixes: #168
freeipa · Jan 2, 2024 · d983f32 · d983f32
1 parent 9d4b7cf
commit d983f32
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Form/IpaCertificates.tsx b/src/components/Form/IpaCertificates.tsx
@@ -518,7 +518,7 @@ const IpaCertificates = (props: PropsToIpaCertificates) => {
       {certificatesList !== undefined && certificatesList.length > 0
         ? certificatesList.map((cert, idx) => {
             return (
-              <>
+              <div key={idx}>
                 {cert.certInfo !== undefined &&
                   Object.keys(cert.certInfo).length !== 0 && (
                     <div key={"certificate-" + idx}>
@@ -535,7 +535,7 @@ const IpaCertificates = (props: PropsToIpaCertificates) => {
                       />
                     </div>
                   )}
-              </>
+              </div>
             );
           })
         : null}

diff --git a/src/components/Form/IpaSshPublicKeys.tsx b/src/components/Form/IpaSshPublicKeys.tsx
@@ -261,7 +261,7 @@ const IpaSshPublicKeys = (props: PropsToSshPublicKeysModal) => {
       {sshPublicKeysList !== undefined
         ? sshPublicKeysList.map((publicKey, idx) => {
             return (
-              <>
+              <div key={idx}>
                 <Flex direction={{ default: "row" }}>
                   {publicKey !== "" && (
                     <>
@@ -294,7 +294,7 @@ const IpaSshPublicKeys = (props: PropsToSshPublicKeysModal) => {
                     </>
                   )}
                 </Flex>
-              </>
+              </div>
             );
           })
         : null}