Add unique key to each table row to stop react complaining

DiamondLightSource · Jun 6, 2024 · a14c038 · a14c038
1 parent e8e388b
commit a14c038
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -78,6 +78,7 @@ function App() {
         );
       }
       return {
+        id: message._id,
         timestamp: timestamp,
         host: message.source,
         level: log_levels[message.level],
@@ -135,6 +136,7 @@ function App() {
               {logTable.map(row => {
                 return (
                   <TableRow
+                    key={row.id}
                     sx={{
                       backgroundColor: colors[row.level] || colors.default,
                     }}

diff --git a/src/schema/interfaces.ts b/src/schema/interfaces.ts
@@ -39,6 +39,7 @@ export interface PayloadSearchType {
 }
 
 export interface LogTableRow {
+  id: string;
   timestamp: string;
   host: string;
   level: string;