update react to version 18

pomm0 · Aug 29, 2024 · f97149a · f97149a
1 parent 6173fcb
commit f97149a
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 65 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -24,13 +24,14 @@
   },
   "dependencies": {
     "@faker-js/faker": "^8.4.1",
+    "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^12.1.4",
+    "@testing-library/react": "^16.0.0",
     "formik": "^2.4.6",
     "miragejs": "^0.1.48",
     "prettier": "2.0.5",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-router-dom": "^6.26.1",
     "react-scripts": "5.0.1",
     "sass": "^1.77.8",

diff --git a/src/index.js b/src/index.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import './styles/app.scss';
 import { Main as MainLayout } from 'components/layout/Main';
 import { Routes } from 'routes';
@@ -12,13 +12,15 @@ setupMirage();
 
 setLocale(yupTranslations);
 
-ReactDOM.render(
+const container = document.getElementById('root');
+const root = createRoot(container);
+
+root.render(
   <React.StrictMode>
     <BrowserRouter>
       <MainLayout>
         <Routes />
       </MainLayout>
     </BrowserRouter>
-  </React.StrictMode>,
-  document.getElementById('root')
+  </React.StrictMode>
 );