Update React from 4508873393 to 04b058868c (#65864)

Completes #65845 which only updated Canary not Experimental. <details> <summary> React upstream changes</summary> - facebook/react#29026 - facebook/react#29025 - facebook/react#28743 - facebook/react#29022 - facebook/react#29023 - facebook/react#29015 - facebook/react#29016 - facebook/react#28988 - facebook/react#28987 - facebook/react#28986 - facebook/react#29014 - facebook/react#28982 - facebook/react#29006 - facebook/react#28973 - facebook/react#28841 - facebook/react#28964 - facebook/react#28990 - facebook/react#29003 - facebook/react#28989 - facebook/react#28893 - facebook/react#28887 - facebook/react#28807 - facebook/react#28978 - facebook/react#28963 - facebook/react#28972 - facebook/react#28970 - facebook/react#28816 - facebook/react#28977 - facebook/react#28974 - facebook/react#28976 - facebook/react#28975 - facebook/react#28969 - facebook/react#28966 - facebook/react#28056 </details>
vercel · May 16, 2024 · c045f0f · c045f0f
1 parent 9c025e1
commit c045f0f
Show file tree

Hide file tree

Showing 63 changed files with 8,376 additions and 1,926 deletions.
diff --git a/package.json b/package.json
@@ -203,12 +203,12 @@
     "react-dom": "19.0.0-beta-04b058868c-20240508",
     "react-dom-17": "npm:react-dom@17.0.2",
     "react-dom-builtin": "npm:react-dom@19.0.0-beta-04b058868c-20240508",
-    "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-4508873393-20240430",
-    "react-experimental-builtin": "npm:react@0.0.0-experimental-4508873393-20240430",
+    "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-04b058868c-20240508",
+    "react-experimental-builtin": "npm:react@0.0.0-experimental-04b058868c-20240508",
     "react-server-dom-turbopack": "19.0.0-beta-04b058868c-20240508",
-    "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-4508873393-20240430",
+    "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-04b058868c-20240508",
     "react-server-dom-webpack": "19.0.0-beta-04b058868c-20240508",
-    "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-4508873393-20240430",
+    "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-04b058868c-20240508",
     "react-ssr-prepass": "1.0.8",
     "react-virtualized": "9.22.3",
     "relay-compiler": "13.0.2",
@@ -218,8 +218,8 @@
     "resolve-from": "5.0.0",
     "sass": "1.54.0",
     "satori": "0.10.9",
-    "scheduler-builtin": "npm:scheduler@0.25.0-beta-4508873393-20240430",
-    "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-4508873393-20240430",
+    "scheduler-builtin": "npm:scheduler@0.25.0-beta-04b058868c-20240508",
+    "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-04b058868c-20240508",
     "seedrandom": "3.0.5",
     "semver": "7.3.7",
     "shell-quote": "1.7.3",
@@ -256,7 +256,7 @@
     "react": "19.0.0-beta-04b058868c-20240508",
     "react-dom": "19.0.0-beta-04b058868c-20240508",
     "react-is": "19.0.0-beta-04b058868c-20240508",
-    "scheduler": "0.25.0-beta-94eed63c49-20240425"
+    "scheduler": "0.25.0-beta-04b058868c-20240508"
   },
   "engines": {
     "node": ">=18.17.0",

diff --git a/packages/next/package.json b/packages/next/package.json
@@ -105,8 +105,8 @@
     "@opentelemetry/api": "^1.1.0",
     "@playwright/test": "^1.41.2",
     "babel-plugin-react-compiler": "*",
-    "react": "^19.0.0-0",
-    "react-dom": "^19.0.0-0",
+    "react": "19.0.0-beta-04b058868c-20240508",
+    "react-dom": "19.0.0-beta-04b058868c-20240508",
     "sass": "^1.3.0"
   },
   "peerDependenciesMeta": {

diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js
@@ -12,18 +12,15 @@
 
 if (process.env.NODE_ENV !== "production") {
   (function() {
-
-          'use strict';
-
-/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
+'use strict';
 if (
   typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
   typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart ===
     'function'
 ) {
   __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
 }
-          var React = require("next/dist/compiled/react-experimental");
+var React = require("next/dist/compiled/react-experimental");
 var Scheduler = require("next/dist/compiled/scheduler-experimental");
 var ReactDOM = require('react-dom');
 
@@ -8784,6 +8781,11 @@ function extractEvents$1(dispatchQueue, domEventName, maybeTargetInst, nativeEve
       var temp = submitter.ownerDocument.createElement('input');
       temp.name = submitter.name;
       temp.value = submitter.value;
+
+      if (form.id) {
+        temp.setAttribute('form', form.id);
+      }
+
       submitter.parentNode.insertBefore(temp, submitter);
       formData = new FormData(form);
       temp.parentNode.removeChild(temp);
@@ -36167,7 +36169,7 @@ identifierPrefix, onUncaughtError, onCaughtError, onRecoverableError, transition
   return root;
 }
 
-var ReactVersion = '19.0.0-experimental-4508873393-20240430';
+var ReactVersion = '19.0.0-experimental-04b058868c-20240508';
 
 // Might add PROFILE later.
 
@@ -37667,14 +37669,13 @@ var foundDevTools = injectIntoDevTools({
 exports.createRoot = createRoot;
 exports.hydrateRoot = hydrateRoot;
 exports.version = ReactVersion;
-          /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
 if (
   typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
   typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop ===
     'function'
 ) {
   __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
 }
-        
+
   })();
 }
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js
@@ -2292,6 +2292,8 @@ function extractEvents$1(
                   var temp = submitter.ownerDocument.createElement("input");
                   temp.name = submitter.name;
                   temp.value = submitter.value;
+                  nativeEventTarget.id &&
+                    temp.setAttribute("form", nativeEventTarget.id);
                   submitter.parentNode.insertBefore(temp, submitter);
                   var formData = new FormData(nativeEventTarget);
                   temp.parentNode.removeChild(temp);
@@ -14696,7 +14698,7 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
 var devToolsConfig$jscomp$inline_1621 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "19.0.0-experimental-4508873393-20240430",
+  version: "19.0.0-experimental-04b058868c-20240508",
   rendererPackageName: "react-dom"
 };
 var internals$jscomp$inline_1999 = {
@@ -14726,7 +14728,7 @@ var internals$jscomp$inline_1999 = {
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "19.0.0-experimental-4508873393-20240430"
+  reconcilerVersion: "19.0.0-experimental-04b058868c-20240508"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
   var hook$jscomp$inline_2000 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -14832,4 +14834,4 @@ exports.hydrateRoot = function (container, initialChildren, options) {
   listenToAllSupportedEvents(container);
   return new ReactDOMHydrationRoot(initialChildren);
 };
-exports.version = "19.0.0-experimental-4508873393-20240430";
+exports.version = "19.0.0-experimental-04b058868c-20240508";
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js
@@ -12,18 +12,15 @@
 
 if (process.env.NODE_ENV !== "production") {
   (function() {
-
-          'use strict';
-
-/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
+'use strict';
 if (
   typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
   typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart ===
     'function'
 ) {
   __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
 }
-          var React = require("next/dist/compiled/react-experimental");
+var React = require("next/dist/compiled/react-experimental");
 var Scheduler = require("next/dist/compiled/scheduler-experimental");
 var ReactDOM = require('react-dom');
 
@@ -8832,6 +8829,11 @@ function extractEvents$1(dispatchQueue, domEventName, maybeTargetInst, nativeEve
       var temp = submitter.ownerDocument.createElement('input');
       temp.name = submitter.name;
       temp.value = submitter.value;
+
+      if (form.id) {
+        temp.setAttribute('form', form.id);
+      }
+
       submitter.parentNode.insertBefore(temp, submitter);
       formData = new FormData(form);
       temp.parentNode.removeChild(temp);
@@ -36215,7 +36217,7 @@ identifierPrefix, onUncaughtError, onCaughtError, onRecoverableError, transition
   return root;
 }
 
-var ReactVersion = '19.0.0-experimental-4508873393-20240430';
+var ReactVersion = '19.0.0-experimental-04b058868c-20240508';
 
 function createPortal$1(children, containerInfo, // TODO: figure out the API for cross-renderer implementation.
 implementation) {
@@ -38121,14 +38123,13 @@ exports.unstable_batchedUpdates = batchedUpdates;
 exports.useFormState = useFormState;
 exports.useFormStatus = useFormStatus;
 exports.version = ReactVersion;
-          /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
 if (
   typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
   typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop ===
     'function'
 ) {
   __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
 }
-        
+
   })();
 }
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js
@@ -2414,6 +2414,8 @@ function extractEvents$1(
                   var temp = submitter.ownerDocument.createElement("input");
                   temp.name = submitter.name;
                   temp.value = submitter.value;
+                  nativeEventTarget.id &&
+                    temp.setAttribute("form", nativeEventTarget.id);
                   submitter.parentNode.insertBefore(temp, submitter);
                   var formData = new FormData(nativeEventTarget);
                   temp.parentNode.removeChild(temp);
@@ -15407,7 +15409,7 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
 var devToolsConfig$jscomp$inline_1708 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "19.0.0-experimental-4508873393-20240430",
+  version: "19.0.0-experimental-04b058868c-20240508",
   rendererPackageName: "react-dom"
 };
 (function (internals) {
@@ -15450,7 +15452,7 @@ var devToolsConfig$jscomp$inline_1708 = {
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "19.0.0-experimental-4508873393-20240430"
+  reconcilerVersion: "19.0.0-experimental-04b058868c-20240508"
 });
 function noop() {}
 function getCrossOriginStringAs(as, input) {
@@ -15704,7 +15706,7 @@ exports.useFormState = function (action, initialState, permalink) {
 exports.useFormStatus = function () {
   return ReactSharedInternals.H.useHostTransitionStatus();
 };
-exports.version = "19.0.0-experimental-4508873393-20240430";
+exports.version = "19.0.0-experimental-04b058868c-20240508";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

diff --git a/...xt/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js b/...xt/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js
@@ -17,7 +17,7 @@ if (process.env.NODE_ENV !== "production") {
 var React = require("next/dist/compiled/react-experimental");
 var ReactDOM = require('react-dom');
 
-var ReactVersion = '19.0.0-experimental-4508873393-20240430';
+var ReactVersion = '19.0.0-experimental-04b058868c-20240508';
 
 var ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
 
@@ -2565,11 +2565,7 @@ var startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 function pushAdditionalFormField(value, key) {
   var target = this;
   target.push(startHiddenInputChunk);
-
-  if (typeof value !== 'string') {
-    throw new Error('File/Blob fields are not yet supported in progressive forms. ' + 'It probably means you are closing over binary data or FormData in a Server Action.');
-  }
-
+  validateAdditionalFormField(value);
   pushStringAttribute(target, 'name', key);
   pushStringAttribute(target, 'value', value);
   target.push(endOfStartTagSelfClosing);
@@ -2582,14 +2578,35 @@ function pushAdditionalFormFields(target, formData) {
   }
 }
 
+function validateAdditionalFormField(value, key) {
+  if (typeof value !== 'string') {
+    throw new Error('File/Blob fields are not yet supported in progressive forms. ' + 'Will fallback to client hydration.');
+  }
+}
+
+function validateAdditionalFormFields(formData) {
+  if (formData != null) {
+    // $FlowFixMe[prop-missing]: FormData has forEach.
+    formData.forEach(validateAdditionalFormField);
+  }
+
+  return formData;
+}
+
 function getCustomFormFields(resumableState, formAction) {
   var customAction = formAction.$$FORM_ACTION;
 
   if (typeof customAction === 'function') {
     var prefix = makeFormFieldPrefix(resumableState);
 
     try {
-      return formAction.$$FORM_ACTION(prefix);
+      var customFields = formAction.$$FORM_ACTION(prefix);
+
+      if (customFields) {
+        validateAdditionalFormFields(customFields.data);
+      }
+
+      return customFields;
     } catch (x) {
       if (typeof x === 'object' && x !== null && typeof x.then === 'function') {
         // Rethrow suspense.