use createRoot instead of render

Author: otofu-square

package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "start": "npm install && vite"
+    "start": "vite"
   },
   "dependencies": {
     "react": "18.2.0",

src/main.tsx

@@ -1,13 +1,12 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import ReactDOM from 'react-dom/client'
 
 import 'ress'
 
 import { FriendRequestForm } from './components/FriendRequestForm/FriendRequestForm'
 
-ReactDOM.render(
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>
     <FriendRequestForm />
   </React.StrictMode>,
-  document.getElementById('root'),
 )