From d35501686b72c4d53ff1850561a3fa12a237217d Mon Sep 17 00:00:00 2001
From: c-bata <contact@c-bata.link>
Date: Mon, 12 Dec 2022 09:58:54 +0900
Subject: [PATCH] Fix broken tests

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

diff --git a/optuna_dashboard/ts/components/DataGrid.tsx b/optuna_dashboard/ts/components/DataGrid.tsx
index f87ae777..b8bf2a80 100644
--- a/optuna_dashboard/ts/components/DataGrid.tsx
+++ b/optuna_dashboard/ts/components/DataGrid.tsx
@@ -278,11 +278,12 @@ function DataGridRow<T>(props: {
         {columns.map((column, columnIndex) => {
           const cellItem = column.toCellValue
             ? column.toCellValue(rowIndex)
-            : row[column.field]
+            : // TODO(c-bata): Avoid this implicit type conversion.
+              (row[column.field] as number | string | null | undefined)
 
           return column.filterable ? (
             <TableCell
-              key={`${row[keyField]}:${column.field}:${columnIndex}`}
+              key={`${row[keyField]}:${column.field.toString()}:${columnIndex}`}
               padding={column.padding || "normal"}
               onClick={(e) => {
                 const value =
@@ -296,7 +297,7 @@ function DataGridRow<T>(props: {
             </TableCell>
           ) : (
             <TableCell
-              key={`${row[keyField]}:${column.field}:${columnIndex}`}
+              key={`${row[keyField]}:${column.field.toString()}:${columnIndex}`}
               padding={column.padding || "normal"}
             >
               {cellItem}