Support React v18.

Author: jaydenseric

CacheContext.test.mjs

@@ -2,7 +2,7 @@
 
 import { strictEqual } from "assert";
 import React from "react";
-import ReactDOMServer from "react-dom/server.js";
+import ReactDOMServer from "react-dom/server";
 
 import Cache from "./Cache.mjs";
 import CacheContext from "./CacheContext.mjs";

HydrationTimeStampContext.test.mjs

@@ -2,7 +2,7 @@
 
 import { strictEqual } from "assert";
 import React from "react";
-import ReactDOMServer from "react-dom/server.js";
+import ReactDOMServer from "react-dom/server";
 
 import HydrationTimeStampContext from "./HydrationTimeStampContext.mjs";
 import assertBundleSize from "./test/assertBundleSize.mjs";

LoadingContext.test.mjs

@@ -2,7 +2,7 @@
 
 import { strictEqual } from "assert";
 import React from "react";
-import ReactDOMServer from "react-dom/server.js";
+import ReactDOMServer from "react-dom/server";
 
 import Loading from "./Loading.mjs";
 import LoadingContext from "./LoadingContext.mjs";

changelog.md

@@ -8,7 +8,8 @@
 
 ### Patch
 
-- Updated dev dependencies.
+- Updated the [`react`](https://npm.im/react) and [`react-dom`](https://npm.im/react-dom) peer dependencies to `16.14 - 18`.
+- Updated dependencies.
 - Removed the [`@testing-library/react-hooks`](https://npm.im/@testing-library/react-hooks) dev dependency and rewrote React hook tests using [`react-test-renderer`](https://npm.im/react-test-renderer), a new test utility function `createReactTestRenderer`, and a custom React component `ReactHookTest`.
 - Removed the [`fetch-blob`](https://npm.im/fetch-blob) and [`formdata-node`](https://npm.im/formdata-node) dev dependencies. Instead, `File` and `FormData` are imported from [`node-fetch`](https://npm.im/node-fetch).
 - Updated `jsconfig.json`:
@@ -17,6 +18,7 @@
 - Updated GitHub Actions CI config:
   - Run tests with Node.js v14, v16, v18.
 - Removed the now redundant `not IE > 0` from the Browserslist query.
+- Updated `react-dom/server` imports in tests to suit React v18.
 - Fixed the `fetchGraphQL` test with the global `fetch` API unavailable for new versions of Node.js that have the `fetch` global.
 - Fixed some JSDoc links.
 

package.json

@@ -98,18 +98,18 @@
   },
   "browserslist": "Node 14.17 - 15 and Node < 15, Node 16 - 17 and Node < 17, Node >= 18, > 0.5%, not OperaMini all, not dead",
   "peerDependencies": {
-    "react": "16.14 - 17",
-    "react-dom": "16.14 - 17"
+    "react": "16.14 - 18",
+    "react-dom": "16.14 - 18"
   },
   "dependencies": {
     "extract-files": "^12.0.0",
-    "react-waterfall-render": "^4.0.0"
+    "react-waterfall-render": "^4.0.1"
   },
   "devDependencies": {
     "@types/node": "^18.6.3",
-    "@types/react": "^17.0.48",
-    "@types/react-dom": "^17.0.17",
-    "@types/react-test-renderer": "^17.0.2",
+    "@types/react": "^18.0.15",
+    "@types/react-dom": "^18.0.6",
+    "@types/react-test-renderer": "^18.0.0",
     "abort-controller": "^3.0.0",
     "coverage-node": "^6.1.0",
     "esbuild": "^0.14.53",
@@ -121,9 +121,9 @@
     "gzip-size": "^7.0.0",
     "node-fetch": "^3.2.10",
     "prettier": "^2.7.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-test-renderer": "^17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-test-renderer": "^18.2.0",
     "revertable-globals": "^3.0.0",
     "test-director": "^8.0.2",
     "typescript": "^4.7.4"

useWaterfallLoad.test.mjs

@@ -2,7 +2,7 @@
 
 import { deepStrictEqual, ok, rejects, strictEqual, throws } from "assert";
 import React from "react";
-import ReactDOMServer from "react-dom/server.js";
+import ReactDOMServer from "react-dom/server";
 import waterfallRender from "react-waterfall-render/waterfallRender.mjs";
 
 import Cache from "./Cache.mjs";