diff --git a/optuna_dashboard/ts/components/App.tsx b/optuna_dashboard/ts/components/App.tsx
index 1204ae8f..c915f7c7 100644
--- a/optuna_dashboard/ts/components/App.tsx
+++ b/optuna_dashboard/ts/components/App.tsx
@@ -13,14 +13,10 @@ import { BrowserRouter as Router, Route, Routes } from "react-router-dom"
import { RecoilRoot } from "recoil"
import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
-import { APIClientProvider } from "../apiClientProvider"
-import { AxiosClient } from "../axiosClient"
import { CompareStudies } from "./CompareStudies"
import { StudyDetail } from "./StudyDetail"
import { StudyList } from "./StudyList"
-const axiosAPIClient = new AxiosClient()
-
const queryClient = new QueryClient({
defaultOptions: {
queries: {
@@ -54,102 +50,100 @@ export const App: FC = () => {
}
return (
-
-
-
-
-
-
-
-
-
-
- }
- />
-
- }
- />
-
- }
- />
-
- }
- />
-
- }
- />
-
- }
- />
-
- }
- />
-
- }
- />
- }
- />
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+ }
+ />
+
+ }
+ />
+
+ }
+ />
+
+ }
+ />
+
+ }
+ />
+
+ }
+ />
+
+ }
+ />
+
+ }
+ />
+ }
+ />
+
+
+
+
+
+
+
)
}
diff --git a/optuna_dashboard/ts/index.tsx b/optuna_dashboard/ts/index.tsx
index fd63f378..9fe11370 100644
--- a/optuna_dashboard/ts/index.tsx
+++ b/optuna_dashboard/ts/index.tsx
@@ -1,9 +1,15 @@
import React from "react"
import ReactDOM from "react-dom/client"
+import { APIClientProvider } from "./apiClientProvider"
+import { AxiosClient } from "./axiosClient"
import { App } from "./components/App"
+const axiosAPIClient = new AxiosClient()
+
ReactDOM.createRoot(document.getElementById("dashboard") as HTMLElement).render(
-
+
+
+
)