Fix key props; update tests

src/dataDisplay/FixedIcon/fixedIcon.stories.tsx

@@ -75,8 +75,8 @@ export const IconsWhite = (): React.ReactElement => {
 
   return (
     <Wrapper>
-      {iconsWhite.map((iconsWhite) => (
-        <GreenBoxColor key="index">
+      {iconsWhite.map((iconsWhite, index) => (
+        <GreenBoxColor key={index}>
           <FixedIcon type={iconsWhite} />
           {iconsWhite}
         </GreenBoxColor>

src/dataDisplay/Table/index.tsx

@@ -145,21 +145,18 @@ export const Table = ({
           );
 
           return (
-            <>
+            <React.Fragment key={row.id}>
               <TableRow
                 hover
-                key={row.id}
                 selected={selectedRowIds.has(row.id)}
                 onClick={() => onRowClick(row.id)}>
-                {rowCells.map((c, index) => {
-                  return (
-                    <TableCell
-                      key={c.id || index}
-                      align={c.alignment || TableAlignment.left}>
-                      {c.content}
-                    </TableCell>
-                  );
-                })}
+                {rowCells.map((c, index) => (
+                  <TableCell
+                    key={c.id || `cell${index}`}
+                    align={c.alignment || TableAlignment.left}>
+                    {c.content}
+                  </TableCell>
+                ))}
               </TableRow>
 
               {/* Collapsible content */}
@@ -177,7 +174,7 @@ export const Table = ({
                   </TableCell>
                 </TableRow>
               )}
-            </>
+            </React.Fragment>
           );
         })}
       </TableBody>