fix: console warnings

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

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>

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";