diff --git a/optuna_dashboard/ts/index.tsx b/optuna_dashboard/ts/index.tsx
index 175c8bd7..fd63f378 100644
--- a/optuna_dashboard/ts/index.tsx
+++ b/optuna_dashboard/ts/index.tsx
@@ -1,10 +1,9 @@
 import React from "react"
-import { render } from "react-dom"
+import ReactDOM from "react-dom/client"
 import { App } from "./components/App"
 
-render(
+ReactDOM.createRoot(document.getElementById("dashboard") as HTMLElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
-  document.getElementById("dashboard")
+  </React.StrictMode>
 )