diff --git a/apps/documenteditor/mobile/src/app.js b/apps/documenteditor/mobile/src/app.js
index cc9445153..49f9d24c4 100644
--- a/apps/documenteditor/mobile/src/app.js
+++ b/apps/documenteditor/mobile/src/app.js
@@ -1,6 +1,6 @@
 // Import React and ReactDOM
 import React, { Suspense } from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 // Import Framework7
 import Framework7 from 'framework7/lite-bundle';
@@ -32,14 +32,16 @@ import { stores } from './store/mainStore'
 // Init F7 React Plugin
 Framework7.use(Framework7React)
 
+const container = document.getElementById('app');
+const root = createRoot(container);
+
 // Mount React App
-ReactDOM.render(
+root.render(
     <I18nextProvider i18n={i18n}>
         <Provider {...stores}>
             {/*<Suspense fallback="loading...">*/}
                 <App />
             {/*</Suspense>*/}
         </Provider>
-    </I18nextProvider>,
-  document.getElementById('app'),
+    </I18nextProvider>
 );
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/src/app.js b/apps/presentationeditor/mobile/src/app.js
index 49a9db3fb..17d84c38b 100644
--- a/apps/presentationeditor/mobile/src/app.js
+++ b/apps/presentationeditor/mobile/src/app.js
@@ -1,6 +1,6 @@
 // Import React and ReactDOM
 import React, { Suspense } from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 // Import Framework7
 import Framework7 from 'framework7/lite-bundle';
@@ -31,14 +31,16 @@ import { stores } from './store/mainStore'
 // Init F7 React Plugin
 Framework7.use(Framework7React)
 
+const container = document.getElementById('app');
+const root = createRoot(container);
+
 // Mount React App
-ReactDOM.render(
+root.render(
     <I18nextProvider i18n={i18n}>
         <Provider {...stores}>
-            {/*<Suspense fallback="">*/}
+            {/*<Suspense fallback="loading...">*/}
                 <App />
             {/*</Suspense>*/}
         </Provider>
-    </I18nextProvider>,
-  document.getElementById('app'),
-);
\ No newline at end of file
+    </I18nextProvider>
+);
diff --git a/apps/spreadsheeteditor/mobile/src/app.js b/apps/spreadsheeteditor/mobile/src/app.js
index 923799f29..d184c6a07 100644
--- a/apps/spreadsheeteditor/mobile/src/app.js
+++ b/apps/spreadsheeteditor/mobile/src/app.js
@@ -1,6 +1,6 @@
 // Import React and ReactDOM
 import React, { Suspense } from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 // Import Framework7
 import Framework7 from 'framework7/lite-bundle';
@@ -32,12 +32,16 @@ import { stores } from './store/mainStore';
 // Init F7 React Plugin
 Framework7.use(Framework7React);
 
+const container = document.getElementById('app');
+const root = createRoot(container);
+
 // Mount React App
-ReactDOM.render(
+root.render(
     <I18nextProvider i18n={i18n}>
         <Provider {...stores}>
-            <App />
+            {/*<Suspense fallback="loading...">*/}
+                <App />
+            {/*</Suspense>*/}
         </Provider>
-    </I18nextProvider>,
-  document.getElementById('app'),
-);
\ No newline at end of file
+    </I18nextProvider>
+);
diff --git a/apps/spreadsheeteditor/mobile/src/view/CellEditor.jsx b/apps/spreadsheeteditor/mobile/src/view/CellEditor.jsx
index 3b7b4de63..6784cba0a 100644
--- a/apps/spreadsheeteditor/mobile/src/view/CellEditor.jsx
+++ b/apps/spreadsheeteditor/mobile/src/view/CellEditor.jsx
@@ -2,7 +2,7 @@
 import React, { Fragment, useState, useEffect } from 'react';
 import { Input, View, Button, Link, Popover, ListItem, List, Icon, f7, Page, Navbar, NavRight } from 'framework7-react';
 import {observer, inject} from "mobx-react";
-import { __interactionsRef } from 'scheduler/tracing';
+import { __interactionsRef } from 'scheduler';
 import { Device } from '../../../../common/mobile/utils/device';
 import { useTranslation } from 'react-i18next';