react 19.0.0-rc-38e3b23483-20240529 → 19.0.0-rc-6d3110b4d9-20240531

package/cjs/react.development.js

@@ -20,7 +20,7 @@ if (
 ) {
   __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
 }
-var ReactVersion = '19.0.0-rc-38e3b23483-20240529';
+var ReactVersion = '19.0.0-rc-6d3110b4d9-20240531';
 
 // -----------------------------------------------------------------------------
 
@@ -1365,9 +1365,16 @@ function createElement(type, config, children) {
   return ReactElement(type, key, ref, undefined, undefined, getOwner(), props);
 }
 function cloneAndReplaceKey(oldElement, newKey) {
-  return ReactElement(oldElement.type, newKey, // When enableRefAsProp is on, this argument is ignored. This check only
+  var clonedElement = ReactElement(oldElement.type, newKey, // When enableRefAsProp is on, this argument is ignored. This check only
   // exists to avoid the `ref` access warning.
   null , undefined, undefined, oldElement._owner, oldElement.props);
+
+  {
+    // The cloned element should inherit the original element's key validation.
+    clonedElement._store.validated = oldElement._store.validated;
+  }
+
+  return clonedElement;
 }
 /**
  * Clone and return a new ReactElement using element as the starting point.
@@ -1797,11 +1804,16 @@ function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
         ) + '/' : '') + childKey);
 
         {
-          if (nameSoFar !== '' && mappedChild.key == null) {
-            // We need to validate that this child should have had a key before assigning it one.
-            if (!newChild._store.validated) {
-              // We mark this child as having failed validation but we let the actual renderer
-              // print the warning later.
+          // If `child` was an element without a `key`, we need to validate if
+          // it should have had a `key`, before assigning one to `mappedChild`.
+          // $FlowFixMe[incompatible-type] Flow incorrectly thinks React.Portal doesn't have a key
+          if (nameSoFar !== '' && _child != null && isValidElement(_child) && _child.key == null) {
+            // We check truthiness of `child._store.validated` instead of being
+            // inequal to `1` to provide a bit of backward compatibility for any
+            // libraries (like `fbt`) which may be hacking this property.
+            if (_child._store && !_child._store.validated) {
+              // Mark this child as having failed validation, but let the actual
+              // renderer print the warning later.
               newChild._store.validated = 2;
             }
           }
@@ -2128,6 +2140,7 @@ function forwardRef(render) {
           Object.defineProperty(render, 'name', {
             value: name
           });
+          render.displayName = name;
         }
       }
     });
@@ -2170,6 +2183,7 @@ function memo(type, compare) {
           Object.defineProperty(type, 'name', {
             value: name
           });
+          type.displayName = name;
         }
       }
     });

package/cjs/react.production.js

@@ -536,4 +536,4 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.0.0-rc-38e3b23483-20240529";
+exports.version = "19.0.0-rc-6d3110b4d9-20240531";

package/cjs/react.react-server.development.js

@@ -1122,9 +1122,16 @@ function createElement(type, config, children) {
   return ReactElement(type, key, ref, undefined, undefined, getOwner(), props);
 }
 function cloneAndReplaceKey(oldElement, newKey) {
-  return ReactElement(oldElement.type, newKey, // When enableRefAsProp is on, this argument is ignored. This check only
+  var clonedElement = ReactElement(oldElement.type, newKey, // When enableRefAsProp is on, this argument is ignored. This check only
   // exists to avoid the `ref` access warning.
   null , undefined, undefined, oldElement._owner, oldElement.props);
+
+  {
+    // The cloned element should inherit the original element's key validation.
+    clonedElement._store.validated = oldElement._store.validated;
+  }
+
+  return clonedElement;
 }
 /**
  * Clone and return a new ReactElement using element as the starting point.
@@ -1554,11 +1561,16 @@ function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
         ) + '/' : '') + childKey);
 
         {
-          if (nameSoFar !== '' && mappedChild.key == null) {
-            // We need to validate that this child should have had a key before assigning it one.
-            if (!newChild._store.validated) {
-              // We mark this child as having failed validation but we let the actual renderer
-              // print the warning later.
+          // If `child` was an element without a `key`, we need to validate if
+          // it should have had a `key`, before assigning one to `mappedChild`.
+          // $FlowFixMe[incompatible-type] Flow incorrectly thinks React.Portal doesn't have a key
+          if (nameSoFar !== '' && _child != null && isValidElement(_child) && _child.key == null) {
+            // We check truthiness of `child._store.validated` instead of being
+            // inequal to `1` to provide a bit of backward compatibility for any
+            // libraries (like `fbt`) which may be hacking this property.
+            if (_child._store && !_child._store.validated) {
+              // Mark this child as having failed validation, but let the actual
+              // renderer print the warning later.
               newChild._store.validated = 2;
             }
           }
@@ -1829,6 +1841,7 @@ function forwardRef(render) {
           Object.defineProperty(render, 'name', {
             value: name
           });
+          render.displayName = name;
         }
       }
     });
@@ -1948,6 +1961,7 @@ function memo(type, compare) {
           Object.defineProperty(type, 'name', {
             value: name
           });
+          type.displayName = name;
         }
       }
     });
@@ -2138,7 +2152,7 @@ function warnAboutTransitionSubscriptions(prevTransition, currentTransition) {
 
 function noop() {}
 
-var ReactVersion = '19.0.0-rc-38e3b23483-20240529';
+var ReactVersion = '19.0.0-rc-6d3110b4d9-20240531';
 
 var Children = {
   map: mapChildren,

package/cjs/react.react-server.production.js

@@ -476,4 +476,4 @@ exports.useId = function () {
 exports.useMemo = function (create, deps) {
   return ReactSharedInternals.H.useMemo(create, deps);
 };
-exports.version = "19.0.0-rc-38e3b23483-20240529";
+exports.version = "19.0.0-rc-6d3110b4d9-20240531";

package/package.json

@@ -4,7 +4,7 @@
   "keywords": [
     "react"
   ],
-  "version": "19.0.0-rc-38e3b23483-20240529",
+  "version": "19.0.0-rc-6d3110b4d9-20240531",
   "homepage": "https://react.dev/",
   "bugs": "https://github.com/facebook/react/issues",
   "license": "MIT",