From ce866d7bd4c35d18631b90667703692cd38f341e Mon Sep 17 00:00:00 2001 From: Thomas Uster Date: Wed, 9 Aug 2023 11:06:52 -0700 Subject: [PATCH 1/4] Update src/index.js: --- src/index.js | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/index.js b/src/index.js index fae3e35..6571cb7 100644 --- a/src/index.js +++ b/src/index.js @@ -1,8 +1,10 @@ import React from 'react'; -import ReactDOM from 'react-dom'; +import { createRoot } from 'react-dom/client'; import './index.css'; import App from './App'; import registerServiceWorker from './registerServiceWorker'; -ReactDOM.render(, document.getElementById('root')); -registerServiceWorker(); +const container = document.getElementById('root'); +const root = createRoot(container); +root.render(); +registerServiceWorker(); \ No newline at end of file From 05ce2327c79e1361d459ae3a7083d14a6ace6146 Mon Sep 17 00:00:00 2001 From: Thomas Uster Date: Wed, 9 Aug 2023 11:06:53 -0700 Subject: [PATCH 2/4] Update src/App.test.js: --- src/App.test.js | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/App.test.js b/src/App.test.js index b84af98..8c6e31d 100644 --- a/src/App.test.js +++ b/src/App.test.js @@ -1,8 +1,9 @@ import React from 'react'; -import ReactDOM from 'react-dom'; +import { createRoot } from 'react-dom/client'; import App from './App'; it('renders without crashing', () => { const div = document.createElement('div'); - ReactDOM.render(, div); -}); + const root = createRoot(div); + root.render(); +}); \ No newline at end of file From 137d80faca35ed5dd18b45a6e9c4d0e054fbaffe Mon Sep 17 00:00:00 2001 From: Thomas Uster Date: Wed, 9 Aug 2023 11:06:54 -0700 Subject: [PATCH 3/4] Update package.json: --- package.json | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/package.json b/package.json index b638b4f..f97ed49 100644 --- a/package.json +++ b/package.json @@ -3,9 +3,9 @@ "version": "0.1.0", "private": true, "dependencies": { - "react": "^15.6.1", - "react-dom": "^15.6.1", - "react-scripts": "1.0.10" + "react": "^18.2.0", + "react-dom": "^15.7.0", + "react-scripts": "^1.0.10" }, "scripts": { "start": "react-scripts start", @@ -13,4 +13,4 @@ "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject" } -} \ No newline at end of file +} From 4b9a5c39f4f56eac9ee011c81dd804ec91efbb35 Mon Sep 17 00:00:00 2001 From: Thomas Uster Date: Wed, 9 Aug 2023 11:06:57 -0700 Subject: [PATCH 4/4] Update package-lock.json: --- package-lock.json | 54 ++++++++++++----------------------------------- 1 file changed, 13 insertions(+), 41 deletions(-) diff --git a/package-lock.json b/package-lock.json index 08cd32b..0ec8c16 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,9 +8,9 @@ "name": "my-app", "version": "0.1.0", "dependencies": { - "react": "^15.6.1", - "react-dom": "^15.6.1", - "react-scripts": "1.0.10" + "react": "^18.2.0", + "react-dom": "^15.7.0", + "react-scripts": "^1.0.10" } }, "node_modules/abab": { @@ -2933,15 +2933,6 @@ "sha.js": "^2.4.8" } }, - "node_modules/create-react-class": { - "version": "15.7.0", - "resolved": "https://registry.npmjs.org/create-react-class/-/create-react-class-15.7.0.tgz", - "integrity": "sha512-QZv4sFWG9S5RUvkTYWbflxeZX+JG7Cz0Tn33rQBJ+WFQTqTfUTjMjiv9tnfXazjsO5r0KhPs+AqCjyrQX6h2ng==", - "dependencies": { - "loose-envify": "^1.3.1", - "object-assign": "^4.1.1" - } - }, "node_modules/cross-spawn": { "version": "5.1.0", "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz", @@ -11073,15 +11064,11 @@ } }, "node_modules/react": { - "version": "15.7.0", - "resolved": "https://registry.npmjs.org/react/-/react-15.7.0.tgz", - "integrity": "sha512-5/MMRYmpmM0sMTHGLossnJCrmXQIiJilD6y3YN3TzAwGFj6zdnMtFv6xmi65PHKRV+pehIHpT7oy67Sr6s9AHA==", + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz", + "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==", "dependencies": { - "create-react-class": "^15.6.0", - "fbjs": "^0.8.9", - "loose-envify": "^1.1.0", - "object-assign": "^4.1.0", - "prop-types": "^15.5.10" + "loose-envify": "^1.1.0" }, "engines": { "node": ">=0.10.0" @@ -15512,8 +15499,7 @@ "ajv-keywords": { "version": "1.5.1", "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-1.5.1.tgz", - "integrity": "sha512-vuBv+fm2s6cqUyey2A7qYcvsik+GMDJsw8BARP2sDE76cqmaZVarsvHf7Vx6VJ0Xk8gLl+u3MoAPf6gKzJefeA==", - "requires": {} + "integrity": "sha512-vuBv+fm2s6cqUyey2A7qYcvsik+GMDJsw8BARP2sDE76cqmaZVarsvHf7Vx6VJ0Xk8gLl+u3MoAPf6gKzJefeA==" }, "align-text": { "version": "0.1.4", @@ -17934,15 +17920,6 @@ "sha.js": "^2.4.8" } }, - "create-react-class": { - "version": "15.7.0", - "resolved": "https://registry.npmjs.org/create-react-class/-/create-react-class-15.7.0.tgz", - "integrity": "sha512-QZv4sFWG9S5RUvkTYWbflxeZX+JG7Cz0Tn33rQBJ+WFQTqTfUTjMjiv9tnfXazjsO5r0KhPs+AqCjyrQX6h2ng==", - "requires": { - "loose-envify": "^1.3.1", - "object-assign": "^4.1.1" - } - }, "cross-spawn": { "version": "5.1.0", "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz", @@ -18788,8 +18765,7 @@ "eslint-config-react-app": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/eslint-config-react-app/-/eslint-config-react-app-1.0.5.tgz", - "integrity": "sha512-nA3AYTMUGKVYH1goOp72fFdj33mxC1rElATOLDrCMbbhmtVz4K61NxKBc6vj9OwjugROioF2LYXZMZIFAfFozA==", - "requires": {} + "integrity": "sha512-nA3AYTMUGKVYH1goOp72fFdj33mxC1rElATOLDrCMbbhmtVz4K61NxKBc6vj9OwjugROioF2LYXZMZIFAfFozA==" }, "eslint-import-resolver-node": { "version": "0.2.3", @@ -24370,15 +24346,11 @@ } }, "react": { - "version": "15.7.0", - "resolved": "https://registry.npmjs.org/react/-/react-15.7.0.tgz", - "integrity": "sha512-5/MMRYmpmM0sMTHGLossnJCrmXQIiJilD6y3YN3TzAwGFj6zdnMtFv6xmi65PHKRV+pehIHpT7oy67Sr6s9AHA==", + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz", + "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==", "requires": { - "create-react-class": "^15.6.0", - "fbjs": "^0.8.9", - "loose-envify": "^1.1.0", - "object-assign": "^4.1.0", - "prop-types": "^15.5.10" + "loose-envify": "^1.1.0" } }, "react-dev-utils": {