Fix missing key in React.Fragment in LogList component

rubenthoms · Oct 15, 2024 · 9428e3b · 9428e3b
1 parent 1431123
commit 9428e3b
Showing 1 changed file with 3 additions and 7 deletions.
diff --git a/.../components/RightSettingsPanel/private-components/ModuleInstanceLog/moduleInstanceLog.tsx b/.../components/RightSettingsPanel/private-components/ModuleInstanceLog/moduleInstanceLog.tsx
@@ -185,22 +185,18 @@ function LogList(props: LogListProps): React.ReactNode {
                 }
                 lastDatetimeMs = entry.datetimeMs;
                 return (
-                    <>
+                    <React.Fragment key={entry.id}>
                         {showDatetime && (
-                            <div
-                                key={`datetime-${entry.datetimeMs}`}
-                                className="text-xs p-2 sticky text-gray-600 text-right border-b border-b-slate-200"
-                            >
+                            <div className="text-xs p-2 sticky text-gray-600 text-right border-b border-b-slate-200">
                                 {convertDatetimeMsToHumanReadableString(entry.datetimeMs)}
                             </div>
                         )}
                         <LogEntryComponent
-                            key={entry.id}
                             logEntry={entry}
                             onShowDetails={props.onShowDetails}
                             onHideDetails={props.onHideDetails}
                         />
-                    </>
+                    </React.Fragment>
                 );
             })}
         </>