chore: upgrade to React 18 (#43)

wweitzel · Sep 2, 2023 · f60c421 · f60c421
1 parent d0ea1b3
commit f60c421
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 39 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,8 +8,8 @@
     "@types/react": "^18.0.21",
     "@types/react-dom": "^18.0.6",
     "axios": "^0.26.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-paginate": "^8.1.3",
     "react-router-dom": "^6.4.2",
     "typescript": "^4.8.4",

diff --git a/src/index.tsx b/src/index.tsx
@@ -2,11 +2,12 @@ import './index.css';
 import App from './App';
 
 import React from 'react';
-import ReactDOM from 'react-dom';
+import {createRoot} from 'react-dom/client';
 
-ReactDOM.render(
+const container = document.getElementById('root');
+const root = createRoot(container!);
+root.render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
-  document.getElementById('root')
+  </React.StrictMode>
 );