Merge pull request #341 from CraigRamey/upgrade-react-18

Updated React to 18, testing-library to 14

Author: pvinis

.node-version

@@ -0,0 +1 @@
+16.19.1

package.json

@@ -12,11 +12,11 @@
     "framer-motion": "^2.0.0-beta.52",
     "markdown-to-jsx": "6.11.0",
     "query-string": "6.11.1",
-    "react": "16.13.0",
+    "react": "18.2.0",
     "react-content-loader": "5.0.2",
     "react-copy-to-clipboard": "5.0.2",
     "react-diff-view": "2.4.2",
-    "react-dom": "16.13.0",
+    "react-dom": "18.2.0",
     "react-dom-confetti": "0.1.3",
     "react-ga": "2.7.0",
     "react-github-btn": "1.1.1",
@@ -26,7 +26,7 @@
   },
   "devDependencies": {
     "@emotion/babel-preset-css-prop": "10.0.27",
-    "@testing-library/react": "^10.0.3",
+    "@testing-library/react": "^14.0.0",
     "customize-cra": "^0.9.1",
     "customize-cra-react-refresh": "^1.0.1",
     "eslint": "6.8.0",

src/index.jsx

@@ -1,10 +1,12 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { createRoot } from 'react-dom/client'
 import './index.css'
 import App from './App'
 import * as serviceWorker from './serviceWorker'
 
-ReactDOM.render(<App />, document.getElementById('root'))
+const container = document.getElementById('root')
+const root = createRoot(container)
+root.render(<App />)
 
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.