From 772f680c95f901b9176afcf279e9cea0cd8739e2 Mon Sep 17 00:00:00 2001
From: c-bata <contact@c-bata.link>
Date: Thu, 29 Dec 2022 13:24:52 +0900
Subject: [PATCH] Fix warning for the use of ReactDOM.render

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

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>
 )