feat: update to react 18

agrc · Oct 5, 2022 · 4a007dc · 4a007dc
1 parent dc21b2d
commit 4a007dc
Show file tree

Hide file tree

Showing 3 changed files with 66 additions and 69 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -26,8 +26,8 @@
  "lodash.escaperegexp": "^4.1.2",
  "lodash.sortby": "^4.7.0",
  "lodash.startcase": "^4.4.0",
- "react": "^17.0.2",
- "react-dom": "^17.0.2",
+ "react": "^18.2.0",
+ "react-dom": "^18.2.0",
  "react-toastify": "^9.0.8"
  },
  "devDependencies": {
@@ -46,7 +46,7 @@
  "postcss": "^8.4.17",
  "prettier": "^2.7.1",
  "prop-types": "^15.8.1",
- "react-test-renderer": "^17.0.2",
+ "react-test-renderer": "^18.2.0",
  "sass": "^1.55.0",
  "tailwindcss": "^3.1.8",
  "vite": "^3.1.4",

diff --git a/src/main.jsx b/src/main.jsx
@@ -1,7 +1,12 @@
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
+import { StrictMode } from 'react';
 import { App } from './App';
 import './styles/basic.scss';
 import './styles/index.css';
 import 'react-toastify/dist/ReactToastify.css';
 
-render(<App />, document.getElementById('app'));
+createRoot(document.getElementById('app')).render(
+ <StrictMode>
+ <App />
+ </StrictMode>
+);