fix(ui,console,demo-app): update react render method (#1750)

update react root render method

packages/console/src/index.tsx

@@ -1,8 +1,9 @@
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import ReactModal from 'react-modal';
 
 import App from './App';
 
 const app = document.querySelector('#app');
+const root = app && createRoot(app);
 ReactModal.setAppElement('#app');
-ReactDOM.render(<App />, app);
+root?.render(<App />);

packages/demo-app/src/index.tsx

@@ -1,8 +1,9 @@
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 // eslint-disable-next-line import/no-unassigned-import
 import '@logto/shared/declaration';
 
 import App from './App';
 
 const app = document.querySelector('#app');
-ReactDOM.render(<App />, app);
+const root = app && createRoot(app);
+root?.render(<App />);

packages/ui/src/index.tsx

@@ -1,6 +1,7 @@
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import App from './App';
 
 const app = document.querySelector('#app');
-ReactDOM.render(<App />, app);
+const root = app && createRoot(app);
+root?.render(<App />);