From b4b3cf48e643af4268ff502de677597c167c014c Mon Sep 17 00:00:00 2001
From: Wroud <wroud@yandex.ru>
Date: Thu, 9 Jun 2022 17:02:48 +0300
Subject: [PATCH] refactor(core-bootstrap): CB-2096 switch react to 18

---
 webapp/packages/core-bootstrap/src/renderLayout.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/webapp/packages/core-bootstrap/src/renderLayout.tsx b/webapp/packages/core-bootstrap/src/renderLayout.tsx
index df0b87adaf..fe70fbdab7 100644
--- a/webapp/packages/core-bootstrap/src/renderLayout.tsx
+++ b/webapp/packages/core-bootstrap/src/renderLayout.tsx
@@ -6,19 +6,21 @@
  * you may not use this file except in compliance with the License.
  */
 
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import { Body } from '@cloudbeaver/core-app';
 import { ErrorBoundary } from '@cloudbeaver/core-blocks';
 import { AppContext, IServiceInjector } from '@cloudbeaver/core-di';
 
 export function renderLayout(serviceInjector: IServiceInjector): void {
-  ReactDOM.render(
+  const container = document.getElementById('root');
+  const root = createRoot(container!);
+
+  root.render(
     <ErrorBoundary root>
       <AppContext app={serviceInjector}>
         <Body />
       </AppContext>
-    </ErrorBoundary>,
-    document.getElementById('root')
+    </ErrorBoundary>
   );
 }