From 91a66a757a7186ec1f9b2f075570b1cf4cd4a04e Mon Sep 17 00:00:00 2001
From: sriram veeraghanta <veeraghanta.sriram@gmail.com>
Date: Sat, 11 May 2024 17:47:00 +0530
Subject: [PATCH] fix: console warnings

---
 web/components/issues/sub-issues/issues-list.tsx        | 6 +++---
 web/components/ui/loader/layouts/list-layout-loader.tsx | 5 +++--
 web/store/member/index.ts                               | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/web/components/issues/sub-issues/issues-list.tsx b/web/components/issues/sub-issues/issues-list.tsx
index 1c08a2b9e..2ca847624 100644
--- a/web/components/issues/sub-issues/issues-list.tsx
+++ b/web/components/issues/sub-issues/issues-list.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import { FC, Fragment } from "react";
 import { observer } from "mobx-react-lite";
 import { TIssue } from "@plane/types";
 // hooks
@@ -45,7 +45,7 @@ export const IssueList: FC<IIssueList> = observer((props) => {
         {subIssueIds &&
           subIssueIds.length > 0 &&
           subIssueIds.map((issueId) => (
-            <>
+            <Fragment key={issueId}>
               <IssueListItem
                 workspaceSlug={workspaceSlug}
                 projectId={projectId}
@@ -56,7 +56,7 @@ export const IssueList: FC<IIssueList> = observer((props) => {
                 handleIssueCrudState={handleIssueCrudState}
                 subIssueOperations={subIssueOperations}
               />
-            </>
+            </Fragment>
           ))}
 
         <div
diff --git a/web/components/ui/loader/layouts/list-layout-loader.tsx b/web/components/ui/loader/layouts/list-layout-loader.tsx
index 9b861cc97..7285886a3 100644
--- a/web/components/ui/loader/layouts/list-layout-loader.tsx
+++ b/web/components/ui/loader/layouts/list-layout-loader.tsx
@@ -1,3 +1,4 @@
+import { Fragment } from "react";
 import { getRandomInt, getRandomLength } from "../utils";
 
 const ListItemRow = () => (
@@ -8,13 +9,13 @@ const ListItemRow = () => (
     </div>
     <div className="flex items-center gap-2">
       {[...Array(6)].map((_, index) => (
-        <>
+        <Fragment key={index}>
           {getRandomInt(1, 2) % 2 === 0 ? (
             <span key={index} className="h-5 w-5 bg-custom-background-80 rounded" />
           ) : (
             <span className="h-5 w-16 bg-custom-background-80 rounded" />
           )}
-        </>
+        </Fragment>
       ))}
     </div>
   </div>
diff --git a/web/store/member/index.ts b/web/store/member/index.ts
index 65b35f76a..958fb7ead 100644
--- a/web/store/member/index.ts
+++ b/web/store/member/index.ts
@@ -1,7 +1,7 @@
 import { action, makeObservable, observable } from "mobx";
 // types
-import { RootStore } from "@/store/root.store";
 import { IUserLite } from "@plane/types";
+import { RootStore } from "@/store/root.store";
 import { IProjectMemberStore, ProjectMemberStore } from "./project-member.store";
 import { IWorkspaceMemberStore, WorkspaceMemberStore } from "./workspace-member.store";