Better shimmer lint fix

2 files changed, 4 insertions, 5 deletions

diff --git a/modern/src/common/components/TableShimmer.js b/modern/src/common/components/TableShimmer.js
index 3bccb22c..08a984a4 100644
--- a/modern/src/common/components/TableShimmer.js
+++ b/modern/src/common/components/TableShimmer.js
@@ -1,13 +1,12 @@
 import React from 'react';
 import { Skeleton, TableCell, TableRow } from '@mui/material';
 
-/* eslint-disable react/no-array-index-key */
 const TableShimmer = ({ columns, startAction, endAction }) => [...Array(3)].map((_, i) => (
-  <TableRow key={i}>
+  <TableRow key={-i}>
     {[...Array(columns)].map((_, j) => {
       const action = (startAction && j === 0) || (endAction && j === columns - 1);
       return (
-        <TableCell key={j} padding={action ? 'none' : 'normal'}>
+        <TableCell key={-j} padding={action ? 'none' : 'normal'}>
           {!action && <Skeleton />}
         </TableCell>
       );
diff --git a/modern/src/settings/components/EditItemView.js b/modern/src/settings/components/EditItemView.js
index a646f629..d45855dd 100644
--- a/modern/src/settings/components/EditItemView.js
+++ b/modern/src/settings/components/EditItemView.js
@@ -84,8 +84,8 @@ const EditItemView = ({
               </Typography>
             </AccordionSummary>
             <AccordionDetails>
-              {[...Array(3)].map(() => (
-                <Skeleton width="100%">
+              {[...Array(3)].map((_, i) => (
+                <Skeleton key={-i} width="100%">
                   <TextField />
                 </Skeleton>
               ))}