From cdba5d7a66fb65670a95cf9f6f51b44548e953a5 Mon Sep 17 00:00:00 2001
From: Sergey Kintsel <sergey.kintsel@trili.tech>
Date: Tue, 12 Sep 2023 10:37:28 +0100
Subject: [PATCH] Fix ErrorLogs drawer repeated key issue

---
 src/views/settings/ErrorLogsDrawerCard.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/views/settings/ErrorLogsDrawerCard.tsx b/src/views/settings/ErrorLogsDrawerCard.tsx
index 50f214981d..ed199fcd2f 100644
--- 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>
   );