fix: compatibility with react 19 in snapshots

Author: Filipoliko

packages/pretty-format/package.json

@@ -23,11 +23,11 @@
   "dependencies": {
     "@jest/schemas": "workspace:*",
     "ansi-styles": "^5.2.0",
-    "react-is": "^18.3.1"
+    "react-is": "^19.1.0"
   },
   "devDependencies": {
     "@types/react": "^18.3.23",
-    "@types/react-is": "^18.3.1",
+    "@types/react-is": "^19.0.0",
     "@types/react-test-renderer": "^18.3.1",
     "immutable": "^5.1.2",
     "jest-util": "workspace:*",

packages/pretty-format/src/plugins/ReactElement.ts

@@ -79,6 +79,16 @@ const getPropKeys = (element: any) => {
     .sort();
 };
 
+// Compatibility with react <19
+const isLegacyReactElement = (val: unknown) => {
+  return (
+    val !== null &&
+    typeof val === 'object' &&
+    '$$typeof' in val &&
+    val.$$typeof === Symbol.for('react.element')
+  );
+};
+
 export const serialize: NewPlugin['serialize'] = (
   element: any,
   config: Config,
@@ -113,7 +123,7 @@ export const serialize: NewPlugin['serialize'] = (
       );
 
 export const test: NewPlugin['test'] = (val: unknown) =>
-  val != null && ReactIs.isElement(val);
+  (val != null && ReactIs.isElement(val)) || isLegacyReactElement(val);
 
 const plugin: NewPlugin = {serialize, test};
 

yarn.lock

@@ -6390,12 +6390,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-is@npm:^18.3.1":
-  version: 18.3.1
-  resolution: "@types/react-is@npm:18.3.1"
+"@types/react-is@npm:^19.0.0":
+  version: 19.0.0
+  resolution: "@types/react-is@npm:19.0.0"
   dependencies:
-    "@types/react": "npm:^18"
-  checksum: 10/ccb79d6e196a5232cde8ccb255ec97e062801a3dafeff3816130fb5ad6b9a87f7c0806ab35bc00890a229773228ef217d0390839b68c705d3add2f798b5fcf82
+    "@types/react": "npm:*"
+  checksum: 10/c56e39e88558a71bc0b1deaa84cce9d5c84d6522057b73690d099b0763898203ec29a91563431e83b5086c49ac64a239fe993c50a4f008d6fbfc551587db5895
   languageName: node
   linkType: hard
 
@@ -18234,14 +18234,14 @@ __metadata:
   dependencies:
     "@jest/schemas": "workspace:*"
     "@types/react": "npm:^18.3.23"
-    "@types/react-is": "npm:^18.3.1"
+    "@types/react-is": "npm:^19.0.0"
     "@types/react-test-renderer": "npm:^18.3.1"
     ansi-styles: "npm:^5.2.0"
     immutable: "npm:^5.1.2"
     jest-util: "workspace:*"
     react: "npm:18.3.1"
     react-dom: "npm:18.3.1"
-    react-is: "npm:^18.3.1"
+    react-is: "npm:^19.1.0"
     react-test-renderer: "npm:18.3.1"
   languageName: unknown
   linkType: soft
@@ -18637,6 +18637,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-is@npm:^19.1.0":
+  version: 19.1.0
+  resolution: "react-is@npm:19.1.0"
+  checksum: 10/4aceca94492032a19411138bf68c6ca7dce4abee7ae6c7f23db9291d2dff14d6a643717b176ef9a151e8cdf6a2b71fdbc59fd998328e086a6f752512304a252b
+  languageName: node
+  linkType: hard
+
 "react-json-view-lite@npm:^1.2.0":
   version: 1.5.0
   resolution: "react-json-view-lite@npm:1.5.0"