upgraded react and its types

Author: corymharper

package.json

@@ -45,8 +45,8 @@
 		"@testing-library/react": "^11.2.2",
 		"@testing-library/user-event": "^13.0.7",
 		"@types/jest": "^26.0.3",
-		"@types/react": "^17.0.0",
-		"@types/react-dom": "^17.0.3",
+		"@types/react": "^18.0.17",
+		"@types/react-dom": "^18.0.6",
 		"@typescript-eslint/eslint-plugin": "^4.8.2",
 		"@typescript-eslint/parser": "^4.8.2",
 		"eslint": "^7.14.0",
@@ -56,8 +56,8 @@
 		"jest": "link:./test-projects/browser/node_modules/jest",
 		"jest-ts-webcompat-resolver": "^1.0.0",
 		"prettier": "^2.0.2",
-		"react": "^17.0.2",
-		"react-dom": "^17.0.2",
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0",
 		"react-test-renderer": "^17.0.1",
 		"rugged": "^1.0.0",
 		"ts-jest": "^26.5.4",

test-projects/browser/src/index.tsx

@@ -1,7 +1,12 @@
 // Imports
-import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './app';
 
 // Render
-ReactDOM.render(<App />, document.getElementById('root'));
+const rootElement = document.getElementById('root');
+
+if (!rootElement) {
+	throw new Error('Root element should be present');
+}
+
+createRoot(rootElement).render(<App />);