From bfdf5e73ebd771876baeab8ae13f036af11b4f4d Mon Sep 17 00:00:00 2001
From: Hardik <shardik99@gmail.com>
Date: Fri, 15 May 2026 23:57:45 +0530
Subject: [PATCH] fix(items-table): use Fragment with key prop to suppress
 React list key warning

---
 .../app/(portal)/inventory/items/items-table.tsx           | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/App/pelagia-portal/app/(portal)/inventory/items/items-table.tsx b/App/pelagia-portal/app/(portal)/inventory/items/items-table.tsx
index 857f78c..48c0c45 100644
--- a/App/pelagia-portal/app/(portal)/inventory/items/items-table.tsx
+++ b/App/pelagia-portal/app/(portal)/inventory/items/items-table.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useMemo } from "react";
+import { useState, useMemo, Fragment } from "react";
 import { useRouter } from "next/navigation";
 import Link from "next/link";
 import { Search, X, ChevronDown, ChevronRight, MapPin, Tag } from "lucide-react";
@@ -189,10 +189,9 @@ export function ItemsTable({
               const sortedVendors = getSortedVendors(item.vendors);
 
               return (
-                <>
+                <Fragment key={item.id}>
                   {/* Item row */}
                   <tr
-                    key={item.id}
                     className={`cursor-pointer border-b border-neutral-100 transition-colors ${isOpen ? "bg-primary-50" : "hover:bg-neutral-50"}`}
                     onClick={() => toggleRow(item.id)}
                   >
@@ -295,7 +294,7 @@ export function ItemsTable({
                       </td>
                     </tr>
                   )}
-                </>
+                </Fragment>
               );
             })}
           </tbody>