diff --git a/optuna_dashboard/ts/components/DataGrid.tsx b/optuna_dashboard/ts/components/DataGrid.tsx
index d64cc1cb..3652d915 100644
--- a/optuna_dashboard/ts/components/DataGrid.tsx
+++ b/optuna_dashboard/ts/components/DataGrid.tsx
@@ -69,7 +69,7 @@ const HiddenSpan = styled("span")({
   width: 1,
 })
 
-function DataGrid2<T>(props: {
+function DataGrid<T>(props: {
   data: T[]
   columns: ColumnDef<T>[]
 }): React.ReactElement {
@@ -377,4 +377,4 @@ const PaginationForm1: React.FC<{
   )
 }
 
-export { DataGrid2 }
+export { DataGrid }
diff --git a/optuna_dashboard/ts/components/Preferential/PreferentialAnalytics.tsx b/optuna_dashboard/ts/components/Preferential/PreferentialAnalytics.tsx
index e701bd92..79d2dd8c 100644
--- a/optuna_dashboard/ts/components/Preferential/PreferentialAnalytics.tsx
+++ b/optuna_dashboard/ts/components/Preferential/PreferentialAnalytics.tsx
@@ -7,7 +7,7 @@ import {
   useTheme,
 } from "@mui/material"
 import Grid2 from "@mui/material/Unstable_Grid2"
-import { DataGrid2 } from "../DataGrid"
+import { DataGrid } from "../DataGrid"
 import { BestTrialsCard } from "../BestTrialsCard"
 import { useStudyDetailValue, useStudySummaryValue } from "../../state"
 import { Contour } from "../GraphContour"
@@ -70,7 +70,7 @@ export const PreferentialAnalytics: FC<{ studyId: number }> = ({ studyId }) => {
               >
                 Study User Attributes
               </Typography>
-              <DataGrid2 data={userAttrs} columns={columns} />
+              <DataGrid data={userAttrs} columns={columns} />
             </CardContent>
           </Card>
         </Grid2>
diff --git a/optuna_dashboard/ts/components/StudyHistory.tsx b/optuna_dashboard/ts/components/StudyHistory.tsx
index 39eea698..8850b9db 100644
--- a/optuna_dashboard/ts/components/StudyHistory.tsx
+++ b/optuna_dashboard/ts/components/StudyHistory.tsx
@@ -10,8 +10,7 @@ import {
 import FormControlLabel from "@mui/material/FormControlLabel"
 import Grid2 from "@mui/material/Unstable_Grid2"
 import * as Optuna from "@optuna/types"
-import React, { FC, useState } from "react"
-import { DataGrid2 } from "./DataGrid"
+import { DataGrid } from "./DataGrid"
 import { GraphHyperparameterImportance } from "./GraphHyperparameterImportances"
 import { UserDefinedPlot } from "./UserDefinedPlot"
 import { BestTrialsCard } from "./BestTrialsCard"
@@ -169,7 +168,7 @@ export const StudyHistory: FC<{ studyId: number }> = ({ studyId }) => {
               >
                 Study User Attributes
               </Typography>
-              <DataGrid2 data={userAttrs} columns={columns} />
+              <DataGrid data={userAttrs} columns={columns} />
             </CardContent>
           </Card>
         </Grid2>
diff --git a/optuna_dashboard/ts/components/TrialTable.tsx b/optuna_dashboard/ts/components/TrialTable.tsx
index 93177997..8841b5e4 100644
--- a/optuna_dashboard/ts/components/TrialTable.tsx
+++ b/optuna_dashboard/ts/components/TrialTable.tsx
@@ -6,7 +6,7 @@ import LinkIcon from "@mui/icons-material/Link"
 import { Button, IconButton, useTheme } from "@mui/material"
 import React, { FC } from "react"
 
-import { DataGrid2 } from "./DataGrid"
+import { DataGrid } from "./DataGrid"
 import { Link } from "react-router-dom"
 import { StudyDetail, Trial } from "ts/types/optuna"
 import { DataGrid, DataGridColumn } from "./DataGrid"
@@ -151,7 +151,7 @@ export const TrialTable: FC<{
 
   return (
     <>
-      <DataGrid2 data={trials} columns={tcolumns} />
+      <DataGrid data={trials} columns={tcolumns} />
       <Button
         variant="outlined"
         startIcon={<DownloadIcon />}