Fixed initial rendering

When using React 18+, the app must be rendered using createRoot.

package.json

@@ -77,7 +77,7 @@
     "uneval.js": "^5.7.2"
   },
   "peerDependencies": {
-    "react": ">=16.8",
-    "react-dom": ">=16.8"
+    "react": ">=18",
+    "react-dom": ">=18"
   }
 }

src/ui/setup.tsx

@@ -1,26 +1,25 @@
 import React, {createRef} from 'react';
-import {render} from 'react-dom';
+import {createRoot} from 'react-dom/client';
+import {Manager} from '../core';
 import Context from './components/Context';
 import Main, {MainHandle} from './components/Main';
 import type {Config} from './types';
 import {getRootElement} from './utils/dom';
 import {once} from './utils/functions';
-import {Manager} from '../core';
 
 export default (config: Config, manager: Manager) => {
 	const element = getRootElement(config.orejimeElement);
 	const appRef = createRef<MainHandle>();
 	const show = once(() => {
-		render(
+		createRoot(element).render(
 			<Context.Provider
 				value={{
 					config,
 					manager
 				}}
 			>
 				<Main ref={appRef} />
-			</Context.Provider>,
-			element
+			</Context.Provider>
 		);
 	});