React 18: Update client rendering (#45)

trustification · Jun 6, 2024 · 7f1e42f · 7f1e42f
1 parent 17532d9
commit 7f1e42f
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/client/src/index.tsx b/client/src/index.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import ReactDOM from "react-dom/client";
 
+import { createRoot } from 'react-dom/client';
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 
@@ -25,9 +25,8 @@ dayjs.extend(arraySupport);
 
 const queryClient = new QueryClient();
 
-const root = ReactDOM.createRoot(
-  document.getElementById("root") as HTMLElement
-);
+const container = document.getElementById('root');
+const root = createRoot(container!)
 
 const renderApp = () => {
   return root.render(