react-server-dom-webpack 19.0.0-rc-58af67a8f8-20240628 → 19.0.0-rc-9c6806964f-20240703

package/cjs/react-server-dom-webpack-server.browser.development.js

@@ -79,6 +79,9 @@
     function stringToChunk(content) {
       return textEncoder.encode(content);
     }
+    function byteLengthOfChunk(chunk) {
+      return chunk.byteLength;
+    }
     function closeWithError(destination, error) {
       "function" === typeof destination.error
         ? destination.error(error)
@@ -772,13 +775,14 @@
       key,
       Component,
       props,
-      owner
+      owner,
+      stack,
+      debugTask
     ) {
-      var prevThenableState = task.thenableState;
+      stack = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
-      if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+      if (null !== stack) owner = stack._componentDebugInfo;
       else {
         var componentDebugID = debugID,
           componentName = Component.displayName || Component.name || "",
@@ -789,8 +793,8 @@
         emitDebugChunk(request, componentDebugID, owner);
         task.environmentName = componentEnv;
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(stack, owner);
+      props = callComponentInDEV(Component, props, owner, debugTask);
       if (1 === request.status) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -798,8 +802,8 @@
         props.$$typeof !== CLIENT_REFERENCE_TAG$1
       ) {
         if ("function" === typeof props.then) {
-          prevThenableState = props;
-          prevThenableState.then(
+          debugTask = props;
+          debugTask.then(
             function (resolvedValue) {
               "object" === typeof resolvedValue &&
                 null !== resolvedValue &&
@@ -808,8 +812,7 @@
             },
             function () {}
           );
-          if ("fulfilled" === prevThenableState.status)
-            return prevThenableState.value;
+          if ("fulfilled" === debugTask.status) return debugTask.value;
           props = createLazyWrapperAroundWakeable(props);
         }
         var iteratorFn = getIteratorFn(props);
@@ -851,15 +854,14 @@
           props._debugInfo = _iterableChild._debugInfo;
         }
       }
-      prevThenableState = task.keyPath;
-      componentDebugID = task.implicitSlot;
+      debugTask = task.keyPath;
+      owner = task.implicitSlot;
       null !== key
-        ? (task.keyPath =
-            null === prevThenableState ? key : prevThenableState + "," + key)
-        : null === prevThenableState && (task.implicitSlot = !0);
+        ? (task.keyPath = null === debugTask ? key : debugTask + "," + key)
+        : null === debugTask && (task.implicitSlot = !0);
       request = renderModelDestructive(request, task, emptyRoot, "", props);
-      task.keyPath = prevThenableState;
-      task.implicitSlot = componentDebugID;
+      task.keyPath = debugTask;
+      task.implicitSlot = owner;
       return request;
     }
     function renderFragment(request, task, children) {
@@ -903,7 +905,17 @@
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(request, task, type, key, ref, props, owner) {
+    function renderElement(
+      request,
+      task,
+      type,
+      key,
+      ref,
+      props,
+      owner,
+      stack,
+      debugTask
+    ) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -917,7 +929,16 @@
         type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
         type.$$typeof !== TEMPORARY_REFERENCE_TAG
       )
-        return renderFunctionComponent(request, task, key, type, props, owner);
+        return renderFunctionComponent(
+          request,
+          task,
+          key,
+          type,
+          props,
+          owner,
+          stack,
+          debugTask
+        );
       if (type === REACT_FRAGMENT_TYPE && null === key)
         return (
           (owner = task.implicitSlot),
@@ -941,7 +962,17 @@
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
             if (1 === request.status) throw AbortSigil;
-            return renderElement(request, task, type, key, ref, props, owner);
+            return renderElement(
+              request,
+              task,
+              type,
+              key,
+              ref,
+              props,
+              owner,
+              stack,
+              debugTask
+            );
           case REACT_FORWARD_REF_TYPE:
             return renderFunctionComponent(
               request,
@@ -949,7 +980,9 @@
               key,
               type.render,
               props,
-              owner
+              owner,
+              stack,
+              debugTask
             );
           case REACT_MEMO_TYPE:
             return renderElement(
@@ -959,7 +992,9 @@
               key,
               ref,
               props,
-              owner
+              owner,
+              stack,
+              debugTask
             );
           case REACT_ELEMENT_TYPE:
             type._store.validated = 1;
@@ -1275,7 +1310,9 @@
               value.key,
               void 0 !== parent ? parent : null,
               parentPropertyName,
-              value._owner
+              value._owner,
+              null,
+              null
             );
             "object" === typeof value &&
               null !== value &&
@@ -1488,7 +1525,7 @@
         return "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
           ? "$D" + value
-          : 1024 <= value.length
+          : 1024 <= value.length && null !== byteLengthOfChunk
           ? serializeLargeTextString(request, value)
           : "$" === value[0]
           ? "$" + value
@@ -1676,6 +1713,10 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
       text = stringToChunk(text);
       var binaryLength = text.byteLength;
@@ -1832,7 +1873,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? emitTextChunk(request, id, value)
         : value instanceof ArrayBuffer
         ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))

package/cjs/react-server-dom-webpack-server.browser.production.js

@@ -66,6 +66,9 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
+function byteLengthOfChunk(chunk) {
+  return chunk.byteLength;
+}
 function closeWithError(destination, error) {
   "function" === typeof destination.error
     ? destination.error(error)
@@ -1472,7 +1475,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1618,6 +1621,10 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
   text = stringToChunk(text);
   var binaryLength = text.byteLength;
@@ -1627,7 +1634,7 @@ function emitTextChunk(request, id, text) {
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? emitTextChunk(request, id, value)
     : value instanceof ArrayBuffer
     ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))

package/cjs/react-server-dom-webpack-server.edge.development.js

@@ -75,6 +75,9 @@
     function stringToChunk(content) {
       return textEncoder.encode(content);
     }
+    function byteLengthOfChunk(chunk) {
+      return chunk.byteLength;
+    }
     function closeWithError(destination, error) {
       "function" === typeof destination.error
         ? destination.error(error)
@@ -778,13 +781,14 @@
       key,
       Component,
       props,
-      owner
+      owner,
+      stack,
+      debugTask
     ) {
-      var prevThenableState = task.thenableState;
+      stack = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
-      if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+      if (null !== stack) owner = stack._componentDebugInfo;
       else {
         var componentDebugID = debugID,
           componentName = Component.displayName || Component.name || "",
@@ -795,8 +799,8 @@
         emitDebugChunk(request, componentDebugID, owner);
         task.environmentName = componentEnv;
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(stack, owner);
+      props = callComponentInDEV(Component, props, owner, debugTask);
       if (1 === request.status) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -804,8 +808,8 @@
         props.$$typeof !== CLIENT_REFERENCE_TAG$1
       ) {
         if ("function" === typeof props.then) {
-          prevThenableState = props;
-          prevThenableState.then(
+          debugTask = props;
+          debugTask.then(
             function (resolvedValue) {
               "object" === typeof resolvedValue &&
                 null !== resolvedValue &&
@@ -814,8 +818,7 @@
             },
             function () {}
           );
-          if ("fulfilled" === prevThenableState.status)
-            return prevThenableState.value;
+          if ("fulfilled" === debugTask.status) return debugTask.value;
           props = createLazyWrapperAroundWakeable(props);
         }
         var iteratorFn = getIteratorFn(props);
@@ -857,15 +860,14 @@
           props._debugInfo = _iterableChild._debugInfo;
         }
       }
-      prevThenableState = task.keyPath;
-      componentDebugID = task.implicitSlot;
+      debugTask = task.keyPath;
+      owner = task.implicitSlot;
       null !== key
-        ? (task.keyPath =
-            null === prevThenableState ? key : prevThenableState + "," + key)
-        : null === prevThenableState && (task.implicitSlot = !0);
+        ? (task.keyPath = null === debugTask ? key : debugTask + "," + key)
+        : null === debugTask && (task.implicitSlot = !0);
       request = renderModelDestructive(request, task, emptyRoot, "", props);
-      task.keyPath = prevThenableState;
-      task.implicitSlot = componentDebugID;
+      task.keyPath = debugTask;
+      task.implicitSlot = owner;
       return request;
     }
     function renderFragment(request, task, children) {
@@ -909,7 +911,17 @@
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(request, task, type, key, ref, props, owner) {
+    function renderElement(
+      request,
+      task,
+      type,
+      key,
+      ref,
+      props,
+      owner,
+      stack,
+      debugTask
+    ) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -923,7 +935,16 @@
         type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
         type.$$typeof !== TEMPORARY_REFERENCE_TAG
       )
-        return renderFunctionComponent(request, task, key, type, props, owner);
+        return renderFunctionComponent(
+          request,
+          task,
+          key,
+          type,
+          props,
+          owner,
+          stack,
+          debugTask
+        );
       if (type === REACT_FRAGMENT_TYPE && null === key)
         return (
           (owner = task.implicitSlot),
@@ -947,7 +968,17 @@
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
             if (1 === request.status) throw AbortSigil;
-            return renderElement(request, task, type, key, ref, props, owner);
+            return renderElement(
+              request,
+              task,
+              type,
+              key,
+              ref,
+              props,
+              owner,
+              stack,
+              debugTask
+            );
           case REACT_FORWARD_REF_TYPE:
             return renderFunctionComponent(
               request,
@@ -955,7 +986,9 @@
               key,
               type.render,
               props,
-              owner
+              owner,
+              stack,
+              debugTask
             );
           case REACT_MEMO_TYPE:
             return renderElement(
@@ -965,7 +998,9 @@
               key,
               ref,
               props,
-              owner
+              owner,
+              stack,
+              debugTask
             );
           case REACT_ELEMENT_TYPE:
             type._store.validated = 1;
@@ -1281,7 +1316,9 @@
               value.key,
               void 0 !== parent ? parent : null,
               parentPropertyName,
-              value._owner
+              value._owner,
+              null,
+              null
             );
             "object" === typeof value &&
               null !== value &&
@@ -1494,7 +1531,7 @@
         return "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
           ? "$D" + value
-          : 1024 <= value.length
+          : 1024 <= value.length && null !== byteLengthOfChunk
           ? serializeLargeTextString(request, value)
           : "$" === value[0]
           ? "$" + value
@@ -1684,6 +1721,10 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
       text = stringToChunk(text);
       var binaryLength = text.byteLength;
@@ -1840,7 +1881,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? emitTextChunk(request, id, value)
         : value instanceof ArrayBuffer
         ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))

package/cjs/react-server-dom-webpack-server.edge.production.js

@@ -56,6 +56,9 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
+function byteLengthOfChunk(chunk) {
+  return chunk.byteLength;
+}
 function closeWithError(destination, error) {
   "function" === typeof destination.error
     ? destination.error(error)
@@ -1477,7 +1480,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1625,6 +1628,10 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
   text = stringToChunk(text);
   var binaryLength = text.byteLength;
@@ -1634,7 +1641,7 @@ function emitTextChunk(request, id, text) {
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? emitTextChunk(request, id, value)
     : value instanceof ArrayBuffer
     ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))

package/cjs/react-server-dom-webpack-server.node.development.js

@@ -105,6 +105,11 @@
                 (writtenBytes = 0))));
       return destinationHasCapacity;
     }
+    function byteLengthOfChunk(chunk) {
+      return "string" === typeof chunk
+        ? Buffer.byteLength(chunk, "utf8")
+        : chunk.byteLength;
+    }
     function registerClientReferenceImpl(proxyImplementation, id, async) {
       return Object.defineProperties(proxyImplementation, {
         $$typeof: { value: CLIENT_REFERENCE_TAG$1 },
@@ -802,13 +807,14 @@
       key,
       Component,
       props,
-      owner
+      owner,
+      stack,
+      debugTask
     ) {
-      var prevThenableState = task.thenableState;
+      stack = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
-      if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+      if (null !== stack) owner = stack._componentDebugInfo;
       else {
         var componentDebugID = debugID,
           componentName = Component.displayName || Component.name || "",
@@ -819,8 +825,8 @@
         emitDebugChunk(request, componentDebugID, owner);
         task.environmentName = componentEnv;
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(stack, owner);
+      props = callComponentInDEV(Component, props, owner, debugTask);
       if (1 === request.status) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -828,8 +834,8 @@
         props.$$typeof !== CLIENT_REFERENCE_TAG$1
       ) {
         if ("function" === typeof props.then) {
-          prevThenableState = props;
-          prevThenableState.then(
+          debugTask = props;
+          debugTask.then(
             function (resolvedValue) {
               "object" === typeof resolvedValue &&
                 null !== resolvedValue &&
@@ -838,8 +844,7 @@
             },
             function () {}
           );
-          if ("fulfilled" === prevThenableState.status)
-            return prevThenableState.value;
+          if ("fulfilled" === debugTask.status) return debugTask.value;
           props = createLazyWrapperAroundWakeable(props);
         }
         var iteratorFn = getIteratorFn(props);
@@ -881,15 +886,14 @@
           props._debugInfo = _iterableChild._debugInfo;
         }
       }
-      prevThenableState = task.keyPath;
-      componentDebugID = task.implicitSlot;
+      debugTask = task.keyPath;
+      owner = task.implicitSlot;
       null !== key
-        ? (task.keyPath =
-            null === prevThenableState ? key : prevThenableState + "," + key)
-        : null === prevThenableState && (task.implicitSlot = !0);
+        ? (task.keyPath = null === debugTask ? key : debugTask + "," + key)
+        : null === debugTask && (task.implicitSlot = !0);
       request = renderModelDestructive(request, task, emptyRoot, "", props);
-      task.keyPath = prevThenableState;
-      task.implicitSlot = componentDebugID;
+      task.keyPath = debugTask;
+      task.implicitSlot = owner;
       return request;
     }
     function renderFragment(request, task, children) {
@@ -933,7 +937,17 @@
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(request, task, type, key, ref, props, owner) {
+    function renderElement(
+      request,
+      task,
+      type,
+      key,
+      ref,
+      props,
+      owner,
+      stack,
+      debugTask
+    ) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -947,7 +961,16 @@
         type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
         type.$$typeof !== TEMPORARY_REFERENCE_TAG
       )
-        return renderFunctionComponent(request, task, key, type, props, owner);
+        return renderFunctionComponent(
+          request,
+          task,
+          key,
+          type,
+          props,
+          owner,
+          stack,
+          debugTask
+        );
       if (type === REACT_FRAGMENT_TYPE && null === key)
         return (
           (owner = task.implicitSlot),
@@ -971,7 +994,17 @@
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
             if (1 === request.status) throw AbortSigil;
-            return renderElement(request, task, type, key, ref, props, owner);
+            return renderElement(
+              request,
+              task,
+              type,
+              key,
+              ref,
+              props,
+              owner,
+              stack,
+              debugTask
+            );
           case REACT_FORWARD_REF_TYPE:
             return renderFunctionComponent(
               request,
@@ -979,7 +1012,9 @@
               key,
               type.render,
               props,
-              owner
+              owner,
+              stack,
+              debugTask
             );
           case REACT_MEMO_TYPE:
             return renderElement(
@@ -989,7 +1024,9 @@
               key,
               ref,
               props,
-              owner
+              owner,
+              stack,
+              debugTask
             );
           case REACT_ELEMENT_TYPE:
             type._store.validated = 1;
@@ -1303,7 +1340,9 @@
               value.key,
               void 0 !== parent ? parent : null,
               parentPropertyName,
-              value._owner
+              value._owner,
+              null,
+              null
             );
             "object" === typeof value &&
               null !== value &&
@@ -1516,7 +1555,7 @@
         return "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
           ? "$D" + value
-          : 1024 <= value.length
+          : 1024 <= value.length && null !== byteLengthOfChunk
           ? serializeLargeTextString(request, value)
           : "$" === value[0]
           ? "$" + value
@@ -1697,11 +1736,12 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
-      var binaryLength =
-        "string" === typeof text
-          ? Buffer.byteLength(text, "utf8")
-          : text.byteLength;
+      var binaryLength = byteLengthOfChunk(text);
       id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
       request.completedRegularChunks.push(id, text);
     }
@@ -1853,7 +1893,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? emitTextChunk(request, id, value)
         : value instanceof ArrayBuffer
         ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
@@ -3366,12 +3406,12 @@
             "React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it."
           );
         pendingFiles++;
-        var JSCompiler_object_inline_chunks_158 = [];
+        var JSCompiler_object_inline_chunks_156 = [];
         value.on("data", function (chunk) {
-          JSCompiler_object_inline_chunks_158.push(chunk);
+          JSCompiler_object_inline_chunks_156.push(chunk);
         });
         value.on("end", function () {
-          var blob = new Blob(JSCompiler_object_inline_chunks_158, {
+          var blob = new Blob(JSCompiler_object_inline_chunks_156, {
             type: mimeType
           });
           response._formData.append(name, blob, filename);

package/cjs/react-server-dom-webpack-server.node.production.js

@@ -84,8 +84,13 @@ function writeChunkAndReturn(destination, chunk) {
             (writtenBytes = 0))));
   return destinationHasCapacity;
 }
-var textEncoder = new util.TextEncoder(),
-  CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
+var textEncoder = new util.TextEncoder();
+function byteLengthOfChunk(chunk) {
+  return "string" === typeof chunk
+    ? Buffer.byteLength(chunk, "utf8")
+    : chunk.byteLength;
+}
+var CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
   SERVER_REFERENCE_TAG = Symbol.for("react.server.reference");
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
@@ -1488,7 +1493,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1629,17 +1634,18 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
-  var binaryLength =
-    "string" === typeof text
-      ? Buffer.byteLength(text, "utf8")
-      : text.byteLength;
+  var binaryLength = byteLengthOfChunk(text);
   id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
   request.completedRegularChunks.push(id, text);
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? emitTextChunk(request, id, value)
     : value instanceof ArrayBuffer
     ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))

package/cjs/react-server-dom-webpack-server.node.unbundled.development.js

@@ -105,6 +105,11 @@
                 (writtenBytes = 0))));
       return destinationHasCapacity;
     }
+    function byteLengthOfChunk(chunk) {
+      return "string" === typeof chunk
+        ? Buffer.byteLength(chunk, "utf8")
+        : chunk.byteLength;
+    }
     function registerClientReferenceImpl(proxyImplementation, id, async) {
       return Object.defineProperties(proxyImplementation, {
         $$typeof: { value: CLIENT_REFERENCE_TAG$1 },
@@ -802,13 +807,14 @@
       key,
       Component,
       props,
-      owner
+      owner,
+      stack,
+      debugTask
     ) {
-      var prevThenableState = task.thenableState;
+      stack = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
-      if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+      if (null !== stack) owner = stack._componentDebugInfo;
       else {
         var componentDebugID = debugID,
           componentName = Component.displayName || Component.name || "",
@@ -819,8 +825,8 @@
         emitDebugChunk(request, componentDebugID, owner);
         task.environmentName = componentEnv;
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(stack, owner);
+      props = callComponentInDEV(Component, props, owner, debugTask);
       if (1 === request.status) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -828,8 +834,8 @@
         props.$$typeof !== CLIENT_REFERENCE_TAG$1
       ) {
         if ("function" === typeof props.then) {
-          prevThenableState = props;
-          prevThenableState.then(
+          debugTask = props;
+          debugTask.then(
             function (resolvedValue) {
               "object" === typeof resolvedValue &&
                 null !== resolvedValue &&
@@ -838,8 +844,7 @@
             },
             function () {}
           );
-          if ("fulfilled" === prevThenableState.status)
-            return prevThenableState.value;
+          if ("fulfilled" === debugTask.status) return debugTask.value;
           props = createLazyWrapperAroundWakeable(props);
         }
         var iteratorFn = getIteratorFn(props);
@@ -881,15 +886,14 @@
           props._debugInfo = _iterableChild._debugInfo;
         }
       }
-      prevThenableState = task.keyPath;
-      componentDebugID = task.implicitSlot;
+      debugTask = task.keyPath;
+      owner = task.implicitSlot;
       null !== key
-        ? (task.keyPath =
-            null === prevThenableState ? key : prevThenableState + "," + key)
-        : null === prevThenableState && (task.implicitSlot = !0);
+        ? (task.keyPath = null === debugTask ? key : debugTask + "," + key)
+        : null === debugTask && (task.implicitSlot = !0);
       request = renderModelDestructive(request, task, emptyRoot, "", props);
-      task.keyPath = prevThenableState;
-      task.implicitSlot = componentDebugID;
+      task.keyPath = debugTask;
+      task.implicitSlot = owner;
       return request;
     }
     function renderFragment(request, task, children) {
@@ -933,7 +937,17 @@
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(request, task, type, key, ref, props, owner) {
+    function renderElement(
+      request,
+      task,
+      type,
+      key,
+      ref,
+      props,
+      owner,
+      stack,
+      debugTask
+    ) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -947,7 +961,16 @@
         type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
         type.$$typeof !== TEMPORARY_REFERENCE_TAG
       )
-        return renderFunctionComponent(request, task, key, type, props, owner);
+        return renderFunctionComponent(
+          request,
+          task,
+          key,
+          type,
+          props,
+          owner,
+          stack,
+          debugTask
+        );
       if (type === REACT_FRAGMENT_TYPE && null === key)
         return (
           (owner = task.implicitSlot),
@@ -971,7 +994,17 @@
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
             if (1 === request.status) throw AbortSigil;
-            return renderElement(request, task, type, key, ref, props, owner);
+            return renderElement(
+              request,
+              task,
+              type,
+              key,
+              ref,
+              props,
+              owner,
+              stack,
+              debugTask
+            );
           case REACT_FORWARD_REF_TYPE:
             return renderFunctionComponent(
               request,
@@ -979,7 +1012,9 @@
               key,
               type.render,
               props,
-              owner
+              owner,
+              stack,
+              debugTask
             );
           case REACT_MEMO_TYPE:
             return renderElement(
@@ -989,7 +1024,9 @@
               key,
               ref,
               props,
-              owner
+              owner,
+              stack,
+              debugTask
             );
           case REACT_ELEMENT_TYPE:
             type._store.validated = 1;
@@ -1303,7 +1340,9 @@
               value.key,
               void 0 !== parent ? parent : null,
               parentPropertyName,
-              value._owner
+              value._owner,
+              null,
+              null
             );
             "object" === typeof value &&
               null !== value &&
@@ -1516,7 +1555,7 @@
         return "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
           ? "$D" + value
-          : 1024 <= value.length
+          : 1024 <= value.length && null !== byteLengthOfChunk
           ? serializeLargeTextString(request, value)
           : "$" === value[0]
           ? "$" + value
@@ -1697,11 +1736,12 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
-      var binaryLength =
-        "string" === typeof text
-          ? Buffer.byteLength(text, "utf8")
-          : text.byteLength;
+      var binaryLength = byteLengthOfChunk(text);
       id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
       request.completedRegularChunks.push(id, text);
     }
@@ -1853,7 +1893,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? emitTextChunk(request, id, value)
         : value instanceof ArrayBuffer
         ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
@@ -3331,12 +3371,12 @@
             "React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it."
           );
         pendingFiles++;
-        var JSCompiler_object_inline_chunks_158 = [];
+        var JSCompiler_object_inline_chunks_156 = [];
         value.on("data", function (chunk) {
-          JSCompiler_object_inline_chunks_158.push(chunk);
+          JSCompiler_object_inline_chunks_156.push(chunk);
         });
         value.on("end", function () {
-          var blob = new Blob(JSCompiler_object_inline_chunks_158, {
+          var blob = new Blob(JSCompiler_object_inline_chunks_156, {
             type: mimeType
           });
           response._formData.append(name, blob, filename);

package/cjs/react-server-dom-webpack-server.node.unbundled.production.js

@@ -84,8 +84,13 @@ function writeChunkAndReturn(destination, chunk) {
             (writtenBytes = 0))));
   return destinationHasCapacity;
 }
-var textEncoder = new util.TextEncoder(),
-  CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
+var textEncoder = new util.TextEncoder();
+function byteLengthOfChunk(chunk) {
+  return "string" === typeof chunk
+    ? Buffer.byteLength(chunk, "utf8")
+    : chunk.byteLength;
+}
+var CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
   SERVER_REFERENCE_TAG = Symbol.for("react.server.reference");
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
@@ -1488,7 +1493,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1629,17 +1634,18 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
-  var binaryLength =
-    "string" === typeof text
-      ? Buffer.byteLength(text, "utf8")
-      : text.byteLength;
+  var binaryLength = byteLengthOfChunk(text);
   id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
   request.completedRegularChunks.push(id, text);
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? emitTextChunk(request, id, value)
     : value instanceof ArrayBuffer
     ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-server-dom-webpack",
   "description": "React Server Components bindings for DOM using Webpack. This is intended to be integrated into meta-frameworks. It is not intended to be imported directly.",
-  "version": "19.0.0-rc-58af67a8f8-20240628",
+  "version": "19.0.0-rc-9c6806964f-20240703",
   "keywords": [
     "react"
   ],
@@ -77,8 +77,8 @@
     "node": ">=0.10.0"
   },
   "peerDependencies": {
-    "react": "19.0.0-rc-58af67a8f8-20240628",
-    "react-dom": "19.0.0-rc-58af67a8f8-20240628",
+    "react": "19.0.0-rc-9c6806964f-20240703",
+    "react-dom": "19.0.0-rc-9c6806964f-20240703",
     "webpack": "^5.59.0"
   },
   "dependencies": {