From 29043db4769822fb2c4a3fcdefd2e0b145a0edef Mon Sep 17 00:00:00 2001
From: c-bata <contact@c-bata.link>
Date: Sat, 14 Jan 2023 00:07:57 +0900
Subject: [PATCH] Set key in TrialList

---
 optuna_dashboard/ts/components/TrialList.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/optuna_dashboard/ts/components/TrialList.tsx b/optuna_dashboard/ts/components/TrialList.tsx
index 60e63c64..e117f8da 100644
--- a/optuna_dashboard/ts/components/TrialList.tsx
+++ b/optuna_dashboard/ts/components/TrialList.tsx
@@ -138,7 +138,7 @@ const TrialListDetail: FC<{
       "Intermediate Values",
       <Box>
         {trial.intermediate_values.map((v) => (
-          <Typography>
+          <Typography key={v.step}>
             {v.step} {v.value}
           </Typography>
         ))}
@@ -148,7 +148,7 @@ const TrialListDetail: FC<{
       "Parameter",
       <Box>
         {params.map((p) => (
-          <Typography>
+          <Typography key={p.name}>
             {p.name} {p.param_external_value}
           </Typography>
         ))}
@@ -167,7 +167,7 @@ const TrialListDetail: FC<{
       "User Attributes",
       <Box>
         {trial.user_attrs.map((t) => (
-          <Typography>
+          <Typography key={t.key}>
             {t.key} {t.value}
           </Typography>
         ))}
@@ -179,6 +179,7 @@ const TrialListDetail: FC<{
     value: string | null | ReactNode
   ): ReactNode => (
     <Box
+      key={key}
       sx={{
         display: "flex",
         flexDirection: "row",