From 7f1e42fa137eec6a23b0aaa81031cb1a1144518e Mon Sep 17 00:00:00 2001
From: Gilles Dubreuil <gilles@redhat.com>
Date: Thu, 6 Jun 2024 10:49:51 +0200
Subject: [PATCH] React 18: Update client rendering (#45)

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

diff --git a/client/src/index.tsx b/client/src/index.tsx
index dbffff9f..2eefc23a 100644
--- 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(