From 3b289671fb59ad31ab08af1b4a638e451a659a9b Mon Sep 17 00:00:00 2001
From: otofu-square <otofu.square@gmail.com>
Date: Mon, 15 May 2023 21:48:48 +0900
Subject: [PATCH] use `createRoot` instead of `render`

---
 package.json | 2 +-
 src/main.tsx | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index ceb30ee..2986348 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "start": "npm install && vite"
+    "start": "vite"
   },
   "dependencies": {
     "react": "18.2.0",
diff --git a/src/main.tsx b/src/main.tsx
index cd42c1d..5142e21 100644
--- a/src/main.tsx
+++ b/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'),
 )