Add shim for react-dom/client for React 17

apollographql · Dec 5, 2024 · 60fd22a · 60fd22a
1 parent e86d014
commit 60fd22a
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/config/jest.config.js b/config/jest.config.js
@@ -83,6 +83,7 @@ const standardReact17Config = {
   moduleNameMapper: {
     "^react$": "react-17",
     "^react-dom$": "react-dom-17",
+    "^react-dom/client$": "<rootDir>/../config/jest/react-dom-17-client.js",
     "^react-dom/server$": "react-dom-17/server",
     "^react-dom/test-utils$": "react-dom-17/test-utils",
   },

diff --git a/config/jest/react-dom-17-client.js b/config/jest/react-dom-17-client.js
@@ -0,0 +1,15 @@
+// Shim for React 17 react-dom/client entrypoint imported by React Testing
+// Library
+
+module.exports = {
+  hydrateRoot: () => {
+    throw new Error(
+      "Cannot use hydrateRoot with React 17. Ensure this uses legacy root instead"
+    );
+  },
+  createRoot: () => {
+    throw new Error(
+      "Cannot use createRoot with React 17. Ensure this uses legacy root instead"
+    );
+  },
+};