Fix ErrorLogs drawer repeated key issue

trilitech · Sep 12, 2023 · cdba5d7 · cdba5d7
1 parent 8744c9a
commit cdba5d7
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/views/settings/ErrorLogsDrawerCard.tsx b/src/views/settings/ErrorLogsDrawerCard.tsx
@@ -17,6 +17,7 @@ import colors from "../../style/colors";
 import { ErrorContext } from "../../utils/getErrorContext";
 import { useAppSelector } from "../../utils/redux/hooks";
 import { DrawerTopButtons } from "../home/DrawerTopButtons";
+import { nanoid } from "@reduxjs/toolkit";
 
 const ErrorLogsDrawerCard = () => {
   const { isOpen, onClose: closeDrawer, onOpen } = useDisclosure();
@@ -62,8 +63,8 @@ const ErrorLogsDrawerBody = () => {
         {/* TODO:Implement delete */}
         {/* <IconAndTextBtn label="Clear All" icon={Trash} textFirst onClick={() => {}} /> */}
       </Flex>
-      {errors.map((error, i) => (
-        <ErrorLogRow errorLog={error} key={error.timestamp} />
+      {errors.map(error => (
+        <ErrorLogRow errorLog={error} key={nanoid()} />
       ))}
     </Flex>
   );