From e615ad0282fa02ce7e81a847b43dd3146f69b769 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sun, 14 Mar 2021 06:40:09 +0300
Subject: fix: match keys everywhere

---
 src/components/Header.tsx    | 2 +-
 src/components/ListTable.tsx | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index bc77bf8..284d3d8 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -12,7 +12,7 @@ const Header: React.FC<Props> = ({ navigation }) => {
   return (
     <header className="bg-black text-white flex">
       {navigation.map(({ name, route }) => (
-        <Link to={route} className="py-6 px-8 font-bold tracking-wide hover:underline">{name}</Link>
+        <Link to={route} key={route} className="py-6 px-8 font-bold tracking-wide hover:underline">{name}</Link>
       ))}
     </header>
   );
diff --git a/src/components/ListTable.tsx b/src/components/ListTable.tsx
index 85b86aa..5c1333a 100644
--- a/src/components/ListTable.tsx
+++ b/src/components/ListTable.tsx
@@ -18,16 +18,17 @@ const ListTable: React.FC<Props> = ({ items = [], fields, handleRowClick = () =>
     <table className="table-auto w-full">
       <thead>
         <tr className="border-b select-none">
-          {fields.map(field => <th>{field.label}</th>)}
+          {fields.map(field => <th key={field.label}>{field.label}</th>)}
         </tr>
       </thead>
       <tbody>
         {items.map((item, index) => (
           <tr
+            key={item._id}
             className={`border-b hover:bg-gray-100 cursor-pointer ${index % 2 && 'bg-gray-50'}`}
             onClick={() => handleRowClick(index)}
           >
-            {fields.map(field => <td className="p-3">{item[field.key]}</td>)}
+            {fields.map(field => <td key={`${item._id} ${field.label}`} className="p-3">{item[field.key]}</td>)}
           </tr>
         ))}
       </tbody>
-- 
cgit v1.2.3