shad0w/pelagia-portal
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(items-table): use Fragment with key prop to suppress React list key warning

Browse source
This commit is contained in:
Hardik 2026-05-15 23:57:45 +05:30
parent 2fcf35235a
commit bfdf5e73eb
1 changed files with 3 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
App/pelagia-portal/app/(portal)/inventory/items/items-table.tsx
View file

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