chore(monorepo): upgrade React packages to v19 (#11698)

Co-authored-by: slorber <[email protected]>

Author: slorber

jest.config.mjs

@@ -35,7 +35,7 @@ export default {
   // Default 5s timeout often fails on Windows :s,
   // see https://github.com/facebook/docusaurus/pull/8259
   testTimeout: 15000,
-  setupFiles: ['./jest/setup.js'],
+  setupFiles: ['./jest/setup.ts'],
   testEnvironmentOptions: {
     url: 'https://docusaurus.io/',
   },

jest/setup.js

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// Currently not used anymore, but kept for potential future setup needs

jest/setup.ts

@@ -79,14 +79,15 @@
     "@prettier/plugin-xml": "^2.2.0",
     "@swc/core": "^1.7.14",
     "@swc/jest": "^0.2.39",
-    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
     "@types/fs-extra": "^9.0.13",
     "@types/jest": "^30.0.0",
     "@types/lodash": "^4.14.197",
     "@types/node": "^18.16.19",
     "@types/prompts": "^2.4.4",
     "@types/react": "^19.2.10",
-    "@types/react-test-renderer": "^18.0.0",
     "@types/semver": "^7.5.0",
     "@types/shelljs": "^0.8.12",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
@@ -118,9 +119,8 @@
     "patch-package": "^8.0.0",
     "postinstall-postinstall": "^2.1.0",
     "prettier": "^2.8.8",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "react-test-renderer": "^18.0.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "rimraf": "^3.0.2",
     "sharp": "^0.32.3",
     "strip-ansi": "^6.0.1",
@@ -129,6 +129,8 @@
     "stylelint-config-standard": "^29.0.0",
     "typescript": "~5.8.2"
   },
-  "resolutions": {},
+  "resolutions": {
+    "**/pretty-format/react-is": "^19.2.4"
+  },
   "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

package.json

@@ -3,10 +3,14 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment jsdom
  */
 
+// Jest doesn't allow pragma below other comments. https://github.com/facebook/jest/issues/12573
+// eslint-disable-next-line header/header
 import React from 'react';
-import {renderHook} from '@testing-library/react-hooks';
+import {renderHook} from '@testing-library/react';
 import {useDocsSidebar, DocsSidebarProvider} from '../docsSidebar';
 import type {PropSidebar} from '@docusaurus/plugin-content-docs';
 

packages/docusaurus-plugin-content-docs/src/client/__tests__/docsSidebar.test.tsx

@@ -3,10 +3,14 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment jsdom
  */
 
+// Jest doesn't allow pragma below other comments. https://github.com/facebook/jest/issues/12573
+// eslint-disable-next-line header/header
 import React from 'react';
-import {renderHook} from '@testing-library/react-hooks';
+import {renderHook} from '@testing-library/react';
 import {StaticRouter} from 'react-router-dom';
 import {Context} from '@docusaurus/core/src/client/docusaurusContext';
 import {

packages/docusaurus-plugin-content-docs/src/client/__tests__/docsUtils.test.tsx

@@ -3,10 +3,14 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment jsdom
  */
 
+// Jest doesn't allow pragma below other comments. https://github.com/facebook/jest/issues/12573
+// eslint-disable-next-line header/header
 import React from 'react';
-import {renderHook} from '@testing-library/react-hooks';
+import {renderHook} from '@testing-library/react';
 import {useDocsVersion, DocsVersionProvider} from '../docsVersion';
 import type {PropVersionMetadata} from '@docusaurus/plugin-content-docs';
 

packages/docusaurus-plugin-content-docs/src/client/__tests__/docsVersion.test.tsx

@@ -2,9 +2,9 @@
 
 exports[`Download icon Should render a snapshot that is good 1`] = `
 <svg
-  height={24}
+  height="24"
   viewBox="0 0 24 24"
-  width={24}
+  width="24"
   xmlns="http://www.w3.org/2000/svg"
 >
   <path
@@ -20,9 +20,9 @@ exports[`Download icon Should render a snapshot that is good 1`] = `
 
 exports[`Loading icon Should render a snapshot that is good 1`] = `
 <svg
-  height={24}
+  height="24"
   viewBox="0 0 24 24"
-  width={24}
+  width="24"
   xmlns="http://www.w3.org/2000/svg"
 >
   <path
@@ -38,9 +38,9 @@ exports[`Loading icon Should render a snapshot that is good 1`] = `
 
 exports[`Offline icon Should render a snapshot that is good 1`] = `
 <svg
-  height={24}
+  height="24"
   viewBox="0 0 24 24"
-  width={24}
+  width="24"
   xmlns="http://www.w3.org/2000/svg"
 >
   <path
@@ -56,9 +56,9 @@ exports[`Offline icon Should render a snapshot that is good 1`] = `
 
 exports[`Warning icon Should render a snapshot that is good 1`] = `
 <svg
-  height={24}
+  height="24"
   viewBox="0 0 24 24"
-  width={24}
+  width="24"
   xmlns="http://www.w3.org/2000/svg"
 >
   <path

packages/docusaurus-plugin-ideal-image/src/theme/IdealImageLegacy/__tests__/__snapshots__/icon.js.snap

@@ -1,5 +1,10 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import React from 'react';
-import renderer from 'react-test-renderer';
+import {render} from '@testing-library/react';
+import '@testing-library/jest-dom';
 import Download from '../components/Icon/Download';
 import Loading from '../components/Icon/Loading';
 import Offline from '../components/Icon/Offline';
@@ -9,28 +14,28 @@ const snapshotTestDescription = 'Should render a snapshot that is good';
 
 describe('Download icon', () => {
   it(snapshotTestDescription, () => {
-    const download = renderer.create(<Download />).toJSON();
-    expect(download).toMatchSnapshot();
+    const {container} = render(<Download />);
+    expect(container.firstElementChild).toMatchSnapshot();
   });
 });
 
 describe('Loading icon', () => {
   it(snapshotTestDescription, () => {
-    const loading = renderer.create(<Loading />).toJSON();
-    expect(loading).toMatchSnapshot();
+    const {container} = render(<Loading />);
+    expect(container.firstElementChild).toMatchSnapshot();
   });
 });
 
 describe('Offline icon', () => {
   it(snapshotTestDescription, () => {
-    const offline = renderer.create(<Offline />).toJSON();
-    expect(offline).toMatchSnapshot();
+    const {container} = render(<Offline />);
+    expect(container.firstElementChild).toMatchSnapshot();
   });
 });
 
 describe('Warning icon', () => {
   it(snapshotTestDescription, () => {
-    const warning = renderer.create(<Warning />).toJSON();
-    expect(warning).toMatchSnapshot();
+    const {container} = render(<Warning />);
+    expect(container.firstElementChild).toMatchSnapshot();
   });
 });

packages/docusaurus-plugin-ideal-image/src/theme/IdealImageLegacy/__tests__/icon.js

@@ -51,7 +51,6 @@
     "@types/prismjs": "^1.26.0",
     "@types/rtlcss": "^3.5.1",
     "fs-extra": "^11.1.1",
-    "react-test-renderer": "^18.0.0",
     "utility-types": "^3.10.0"
   },
   "peerDependencies": {