From 5bf9e88b4163cd7d105aa56f0c5ca34006820ea5 Mon Sep 17 00:00:00 2001 From: Rishi Ghan Date: Wed, 30 Mar 2022 11:01:03 -0700 Subject: [PATCH] =?UTF-8?q?=F0=9F=94=BC=20Upgraded=20to=20react=2018=20and?= =?UTF-8?q?=20react-dom=2018?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 4 ++-- src/client/index.tsx | 5 +++-- yarn.lock | 29 +++++++++++++---------------- 3 files changed, 18 insertions(+), 20 deletions(-) diff --git a/package.json b/package.json index 43a7654..bc7b51a 100644 --- a/package.json +++ b/package.json @@ -51,10 +51,10 @@ "jsdoc": "^3.6.7", "opds-extra": "^3.0.9", "pretty-bytes": "^5.6.0", - "react": "^17.0.2", + "react": "^18.0.0", "react-collapsible": "^2.8.3", "react-datepicker": "^4.5.0", - "react-dom": "^17.0.2", + "react-dom": "^18.0.0", "react-fast-compare": "^3.2.0", "react-final-form": "^6.5.3", "react-final-form-arrays": "^3.1.3", diff --git a/src/client/index.tsx b/src/client/index.tsx index f8bd66a..f96522b 100644 --- a/src/client/index.tsx +++ b/src/client/index.tsx @@ -3,15 +3,16 @@ import { render } from "react-dom"; import { Provider, connect } from "react-redux"; import { HistoryRouter as Router } from "redux-first-history/rr6"; import { store, history } from "./store/index"; +import { createRoot } from "react-dom/client"; import App from "./components/App"; const rootEl = document.getElementById("root"); +const root = createRoot(rootEl); -render( +root.render( , - rootEl, ); diff --git a/yarn.lock b/yarn.lock index 143b8be..ac848b9 100644 --- a/yarn.lock +++ b/yarn.lock @@ -10699,14 +10699,13 @@ react-docgen@^5.3.0: node-dir "^0.1.10" strip-indent "^3.0.0" -react-dom@^17.0.2: - version "17.0.2" - resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.2.tgz#ecffb6845e3ad8dbfcdc498f0d0a939736502c23" - integrity sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA== +react-dom@^18.0.0: + version "18.0.0" + resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.0.0.tgz#26b88534f8f1dbb80853e1eabe752f24100d8023" + integrity sha512-XqX7uzmFo0pUceWFCt7Gff6IyIMzFUn7QMZrbrQfGxtaxXZIcGQzoNpRLE3fQLnS4XzLLPMZX2T9TRcSrasicw== dependencies: loose-envify "^1.1.0" - object-assign "^4.1.1" - scheduler "^0.20.2" + scheduler "^0.21.0" react-fast-compare@^3.0.1, react-fast-compare@^3.2.0: version "3.2.0" @@ -10947,13 +10946,12 @@ react-window@^1.8.5: "@babel/runtime" "^7.0.0" memoize-one ">=3.1.1 <6" -react@^17.0.2: - version "17.0.2" - resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037" - integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA== +react@^18.0.0: + version "18.0.0" + resolved "https://registry.yarnpkg.com/react/-/react-18.0.0.tgz#b468736d1f4a5891f38585ba8e8fb29f91c3cb96" + integrity sha512-x+VL6wbT4JRVPm7EGxXhZ8w8LTROaxPXOqhlGyVSrv0sB1jkyFGgXxJ8LVoPRLvPR6/CIZGFmfzqUa2NYeMr2A== dependencies: loose-envify "^1.1.0" - object-assign "^4.1.1" read-cmd-shim@^2.0.0: version "2.0.0" @@ -11510,13 +11508,12 @@ saxes@^5.0.1: dependencies: xmlchars "^2.2.0" -scheduler@^0.20.2: - version "0.20.2" - resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.20.2.tgz#4baee39436e34aa93b4874bddcbf0fe8b8b50e91" - integrity sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ== +scheduler@^0.21.0: + version "0.21.0" + resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.21.0.tgz#6fd2532ff5a6d877b6edb12f00d8ab7e8f308820" + integrity sha512-1r87x5fz9MXqswA2ERLo0EbOAU74DpIUO090gIasYTqlVoJeMcl+Z1Rg7WHz+qtPujhS/hGIt9kxZOYBV3faRQ== dependencies: loose-envify "^1.1.0" - object-assign "^4.1.1" schema-utils@^0.4.0: version "0.4.7"