react-markup 0.0.0-experimental-dd048c3b-20251105 → 0.0.0-experimental-5a2205ba-20251105

package/cjs/react-markup.development.js

@@ -4550,7 +4550,8 @@
     }
     function isEligibleForOutlining(request, boundary) {
       return (
-        (500 < boundary.byteSize || !1) && null === boundary.contentPreamble
+        (500 < boundary.byteSize || boundary.defer) &&
+        null === boundary.contentPreamble
       );
     }
     function defaultErrorHandler(error) {
@@ -4686,7 +4687,8 @@
       row,
       fallbackAbortableTasks,
       contentPreamble,
-      fallbackPreamble
+      fallbackPreamble,
+      defer
     ) {
       fallbackAbortableTasks = {
         status: 0,
@@ -4696,6 +4698,7 @@
         row: row,
         completedSegments: [],
         byteSize: 0,
+        defer: defer,
         fallbackAbortableTasks: fallbackAbortableTasks,
         errorDigest: null,
         contentState: createHoistableState(),
@@ -6048,6 +6051,7 @@
                 parentSegment = task.blockedSegment,
                 fallback = props.fallback,
                 content = props.children,
+                defer = !0 === props.defer,
                 fallbackAbortSet = new Set();
               var newBoundary =
                 2 > task.formatContext.insertionMode
@@ -6056,14 +6060,16 @@
                       task.row,
                       fallbackAbortSet,
                       createPreambleState(),
-                      createPreambleState()
+                      createPreambleState(),
+                      defer
                     )
                   : createSuspenseBoundary(
                       request,
                       task.row,
                       fallbackAbortSet,
                       null,
-                      null
+                      null,
+                      defer
                     );
               null !== request.trackedPostpones &&
                 (newBoundary.trackedContentKeyPath = keyPath);
@@ -6086,24 +6092,27 @@
                 !1
               );
               contentRootSegment.parentFlushed = !0;
-              if (null !== request.trackedPostpones) {
+              var trackedPostpones = request.trackedPostpones;
+              if (null !== trackedPostpones || defer) {
                 var suspenseComponentStack = task.componentStack,
                   fallbackKeyPath = [
                     keyPath[0],
                     "Suspense Fallback",
                     keyPath[2]
-                  ],
-                  fallbackReplayNode = [
+                  ];
+                if (null !== trackedPostpones) {
+                  var fallbackReplayNode = [
                     fallbackKeyPath[1],
                     fallbackKeyPath[2],
                     [],
                     null
                   ];
-                request.trackedPostpones.workingMap.set(
-                  fallbackKeyPath,
-                  fallbackReplayNode
-                );
-                newBoundary.trackedFallbackNode = fallbackReplayNode;
+                  trackedPostpones.workingMap.set(
+                    fallbackKeyPath,
+                    fallbackReplayNode
+                  );
+                  newBoundary.trackedFallbackNode = fallbackReplayNode;
+                }
                 task.blockedSegment = boundarySegment;
                 task.blockedPreamble = newBoundary.fallbackPreamble;
                 task.keyPath = fallbackKeyPath;
@@ -6487,28 +6496,31 @@
                 parentBoundary = task.blockedBoundary,
                 parentHoistableState = task.hoistableState,
                 content = props.children,
-                fallback = props.fallback,
-                fallbackAbortSet = new Set();
-              props =
+                fallback = props.fallback;
+              var resumedBoundary = !0 === props.defer;
+              props = new Set();
+              resumedBoundary =
                 2 > task.formatContext.insertionMode
                   ? createSuspenseBoundary(
                       replay,
                       task.row,
-                      fallbackAbortSet,
+                      props,
                       createPreambleState(),
-                      createPreambleState()
+                      createPreambleState(),
+                      resumedBoundary
                     )
                   : createSuspenseBoundary(
                       replay,
                       task.row,
-                      fallbackAbortSet,
+                      props,
                       null,
-                      null
+                      null,
+                      resumedBoundary
                     );
-              props.parentFlushed = !0;
-              props.rootSegmentID = request;
-              task.blockedBoundary = props;
-              task.hoistableState = props.contentState;
+              resumedBoundary.parentFlushed = !0;
+              resumedBoundary.rootSegmentID = request;
+              task.blockedBoundary = resumedBoundary;
+              task.hoistableState = resumedBoundary.contentState;
               task.keyPath = keyPath;
               task.formatContext = getSuspenseContentFormatContext(
                 replay.resumableState,
@@ -6526,13 +6538,16 @@
                     "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
                   );
                 task.replay.pendingTasks--;
-                if (0 === props.pendingTasks && 0 === props.status) {
-                  props.status = 1;
-                  replay.completedBoundaries.push(props);
+                if (
+                  0 === resumedBoundary.pendingTasks &&
+                  0 === resumedBoundary.status
+                ) {
+                  resumedBoundary.status = 1;
+                  replay.completedBoundaries.push(resumedBoundary);
                   break a;
                 }
               } catch (error) {
-                (props.status = 4),
+                (resumedBoundary.status = 4),
                   (childNodes = getThrownInfo(task.componentStack)),
                   (childSlots = logRecoverableError(
                     replay,
@@ -6541,14 +6556,14 @@
                     task.debugTask
                   )),
                   encodeErrorForBoundary(
-                    props,
+                    resumedBoundary,
                     childSlots,
                     error,
                     childNodes,
                     !1
                   ),
                   task.replay.pendingTasks--,
-                  replay.clientRenderedBoundaries.push(props);
+                  replay.clientRenderedBoundaries.push(resumedBoundary);
               } finally {
                 (task.blockedBoundary = parentBoundary),
                   (task.hoistableState = parentHoistableState),
@@ -6564,8 +6579,8 @@
                 fallback,
                 -1,
                 parentBoundary,
-                props.fallbackState,
-                fallbackAbortSet,
+                resumedBoundary.fallbackState,
+                props,
                 [keyPath[0], "Suspense Fallback", keyPath[2]],
                 getSuspenseFallbackFormatContext(
                   replay.resumableState,
@@ -7292,7 +7307,8 @@
               null,
               new Set(),
               null,
-              null
+              null,
+              !1
             );
           resumedBoundary.parentFlushed = !0;
           resumedBoundary.rootSegmentID = node;
@@ -8019,7 +8035,8 @@
       if (
         !flushingPartialBoundaries &&
         isEligibleForOutlining(request, boundary) &&
-        flushedByteSize + boundary.byteSize > request.progressiveChunkSize
+        (flushedByteSize + boundary.byteSize > request.progressiveChunkSize ||
+          boundary.defer)
       )
         return (
           (boundary.rootSegmentID = request.nextSegmentId++),
@@ -9672,5 +9689,5 @@
         });
       });
     };
-    exports.version = "19.3.0-experimental-dd048c3b-20251105";
+    exports.version = "19.3.0-experimental-5a2205ba-20251105";
   })();

package/cjs/react-markup.production.js

@@ -3518,7 +3518,10 @@ function describeComponentStackByType(type) {
   return "";
 }
 function isEligibleForOutlining(request, boundary) {
-  return (500 < boundary.byteSize || !1) && null === boundary.contentPreamble;
+  return (
+    (500 < boundary.byteSize || boundary.defer) &&
+    null === boundary.contentPreamble
+  );
 }
 function defaultErrorHandler(error) {
   if (
@@ -3646,7 +3649,8 @@ function createSuspenseBoundary(
   row,
   fallbackAbortableTasks,
   contentPreamble,
-  fallbackPreamble
+  fallbackPreamble,
+  defer
 ) {
   fallbackAbortableTasks = {
     status: 0,
@@ -3656,6 +3660,7 @@ function createSuspenseBoundary(
     row: row,
     completedSegments: [],
     byteSize: 0,
+    defer: defer,
     fallbackAbortableTasks: fallbackAbortableTasks,
     errorDigest: null,
     contentState: createHoistableState(),
@@ -4498,6 +4503,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
             parentSegment = task.blockedSegment,
             fallback = props.fallback,
             content = props.children,
+            defer = !0 === props.defer,
             fallbackAbortSet = new Set();
           var newBoundary =
             2 > task.formatContext.insertionMode
@@ -4506,14 +4512,16 @@ function renderElement(request, task, keyPath, type, props, ref) {
                   task.row,
                   fallbackAbortSet,
                   createPreambleState(),
-                  createPreambleState()
+                  createPreambleState(),
+                  defer
                 )
               : createSuspenseBoundary(
                   request,
                   task.row,
                   fallbackAbortSet,
                   null,
-                  null
+                  null,
+                  defer
                 );
           null !== request.trackedPostpones &&
             (newBoundary.trackedContentKeyPath = keyPath);
@@ -4536,20 +4544,23 @@ function renderElement(request, task, keyPath, type, props, ref) {
             !1
           );
           contentRootSegment.parentFlushed = !0;
-          if (null !== request.trackedPostpones) {
+          var trackedPostpones = request.trackedPostpones;
+          if (null !== trackedPostpones || defer) {
             var suspenseComponentStack = task.componentStack,
-              fallbackKeyPath = [keyPath[0], "Suspense Fallback", keyPath[2]],
-              fallbackReplayNode = [
+              fallbackKeyPath = [keyPath[0], "Suspense Fallback", keyPath[2]];
+            if (null !== trackedPostpones) {
+              var fallbackReplayNode = [
                 fallbackKeyPath[1],
                 fallbackKeyPath[2],
                 [],
                 null
               ];
-            request.trackedPostpones.workingMap.set(
-              fallbackKeyPath,
-              fallbackReplayNode
-            );
-            newBoundary.trackedFallbackNode = fallbackReplayNode;
+              trackedPostpones.workingMap.set(
+                fallbackKeyPath,
+                fallbackReplayNode
+              );
+              newBoundary.trackedFallbackNode = fallbackReplayNode;
+            }
             task.blockedSegment = boundarySegment;
             task.blockedPreamble = newBoundary.fallbackPreamble;
             task.keyPath = fallbackKeyPath;
@@ -4861,12 +4872,13 @@ function retryNode(request, task) {
                         );
                       task.replay.pendingTasks--;
                       props = getThrownInfo(task.componentStack);
-                      key = task.blockedBoundary;
+                      key = request;
+                      request = task.blockedBoundary;
                       type = x;
-                      props = logRecoverableError(request, type, props);
+                      props = logRecoverableError(key, type, props);
                       abortRemainingReplayNodes(
-                        request,
                         key,
+                        request,
                         childNodes,
                         childSlots,
                         type,
@@ -4896,28 +4908,31 @@ function retryNode(request, task) {
                         parentBoundary = task.blockedBoundary,
                         parentHoistableState = task.hoistableState,
                         content = props.children,
-                        fallback = props.fallback,
-                        fallbackAbortSet = new Set();
-                      props =
+                        fallback = props.fallback;
+                      var resumedBoundary = !0 === props.defer;
+                      props = new Set();
+                      resumedBoundary =
                         2 > task.formatContext.insertionMode
                           ? createSuspenseBoundary(
                               request,
                               task.row,
-                              fallbackAbortSet,
+                              props,
+                              createPreambleState(),
                               createPreambleState(),
-                              createPreambleState()
+                              resumedBoundary
                             )
                           : createSuspenseBoundary(
                               request,
                               task.row,
-                              fallbackAbortSet,
+                              props,
                               null,
-                              null
+                              null,
+                              resumedBoundary
                             );
-                      props.parentFlushed = !0;
-                      props.rootSegmentID = replay;
-                      task.blockedBoundary = props;
-                      task.hoistableState = props.contentState;
+                      resumedBoundary.parentFlushed = !0;
+                      resumedBoundary.rootSegmentID = replay;
+                      task.blockedBoundary = resumedBoundary;
+                      task.hoistableState = resumedBoundary.contentState;
                       task.keyPath = key;
                       task.formatContext = getSuspenseContentFormatContext(
                         request.resumableState,
@@ -4939,22 +4954,27 @@ function retryNode(request, task) {
                             "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
                           );
                         task.replay.pendingTasks--;
-                        if (0 === props.pendingTasks && 0 === props.status) {
-                          props.status = 1;
-                          request.completedBoundaries.push(props);
+                        if (
+                          0 === resumedBoundary.pendingTasks &&
+                          0 === resumedBoundary.status
+                        ) {
+                          resumedBoundary.status = 1;
+                          request.completedBoundaries.push(resumedBoundary);
                           break b;
                         }
                       } catch (error) {
-                        (props.status = 4),
+                        (resumedBoundary.status = 4),
                           (childNodes = getThrownInfo(task.componentStack)),
                           (childSlots = logRecoverableError(
                             request,
                             error,
                             childNodes
                           )),
-                          (props.errorDigest = childSlots),
+                          (resumedBoundary.errorDigest = childSlots),
                           task.replay.pendingTasks--,
-                          request.clientRenderedBoundaries.push(props);
+                          request.clientRenderedBoundaries.push(
+                            resumedBoundary
+                          );
                       } finally {
                         (task.blockedBoundary = parentBoundary),
                           (task.hoistableState = parentHoistableState),
@@ -4970,8 +4990,8 @@ function retryNode(request, task) {
                         fallback,
                         -1,
                         parentBoundary,
-                        props.fallbackState,
-                        fallbackAbortSet,
+                        resumedBoundary.fallbackState,
+                        props,
                         [key[0], "Suspense Fallback", key[2]],
                         getSuspenseFallbackFormatContext(
                           request.resumableState,
@@ -5459,7 +5479,8 @@ function abortRemainingReplayNodes(
           null,
           new Set(),
           null,
-          null
+          null,
+          !1
         );
       resumedBoundary.parentFlushed = !0;
       resumedBoundary.rootSegmentID = node;
@@ -6077,7 +6098,8 @@ function flushSegment(request, destination, segment, hoistableState) {
   if (
     !flushingPartialBoundaries &&
     isEligibleForOutlining(request, boundary) &&
-    flushedByteSize + boundary.byteSize > request.progressiveChunkSize
+    (flushedByteSize + boundary.byteSize > request.progressiveChunkSize ||
+      boundary.defer)
   )
     return (
       (boundary.rootSegmentID = request.nextSegmentId++),
@@ -6643,4 +6665,4 @@ exports.experimental_renderToHTML = function (children, options) {
     });
   });
 };
-exports.version = "19.3.0-experimental-dd048c3b-20251105";
+exports.version = "19.3.0-experimental-5a2205ba-20251105";

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

@@ -11286,7 +11286,8 @@
     }
     function isEligibleForOutlining(request, boundary) {
       return (
-        (500 < boundary.byteSize || !1) && null === boundary.contentPreamble
+        (500 < boundary.byteSize || boundary.defer) &&
+        null === boundary.contentPreamble
       );
     }
     function defaultErrorHandler(error) {
@@ -11405,7 +11406,8 @@
       row,
       fallbackAbortableTasks,
       contentPreamble,
-      fallbackPreamble
+      fallbackPreamble,
+      defer
     ) {
       fallbackAbortableTasks = {
         status: 0,
@@ -11415,6 +11417,7 @@
         row: row,
         completedSegments: [],
         byteSize: 0,
+        defer: defer,
         fallbackAbortableTasks: fallbackAbortableTasks,
         errorDigest: null,
         contentState: createHoistableState(),
@@ -12767,6 +12770,7 @@
                 parentSegment = task.blockedSegment,
                 fallback = props.fallback,
                 content = props.children,
+                defer = !0 === props.defer,
                 fallbackAbortSet = new Set();
               var newBoundary =
                 2 > task.formatContext.insertionMode
@@ -12775,14 +12779,16 @@
                       task.row,
                       fallbackAbortSet,
                       createPreambleState(),
-                      createPreambleState()
+                      createPreambleState(),
+                      defer
                     )
                   : createSuspenseBoundary(
                       request,
                       task.row,
                       fallbackAbortSet,
                       null,
-                      null
+                      null,
+                      defer
                     );
               null !== request.trackedPostpones &&
                 (newBoundary.trackedContentKeyPath = keyPath);
@@ -12805,24 +12811,27 @@
                 !1
               );
               contentRootSegment.parentFlushed = !0;
-              if (null !== request.trackedPostpones) {
+              var trackedPostpones = request.trackedPostpones;
+              if (null !== trackedPostpones || defer) {
                 var suspenseComponentStack = task.componentStack,
                   fallbackKeyPath = [
                     keyPath[0],
                     "Suspense Fallback",
                     keyPath[2]
-                  ],
-                  fallbackReplayNode = [
+                  ];
+                if (null !== trackedPostpones) {
+                  var fallbackReplayNode = [
                     fallbackKeyPath[1],
                     fallbackKeyPath[2],
                     [],
                     null
                   ];
-                request.trackedPostpones.workingMap.set(
-                  fallbackKeyPath,
-                  fallbackReplayNode
-                );
-                newBoundary.trackedFallbackNode = fallbackReplayNode;
+                  trackedPostpones.workingMap.set(
+                    fallbackKeyPath,
+                    fallbackReplayNode
+                  );
+                  newBoundary.trackedFallbackNode = fallbackReplayNode;
+                }
                 task.blockedSegment = boundarySegment;
                 task.blockedPreamble = newBoundary.fallbackPreamble;
                 task.keyPath = fallbackKeyPath;
@@ -13206,28 +13215,31 @@
                 parentBoundary = task.blockedBoundary,
                 parentHoistableState = task.hoistableState,
                 content = props.children,
-                fallback = props.fallback,
-                fallbackAbortSet = new Set();
-              props =
+                fallback = props.fallback;
+              var resumedBoundary = !0 === props.defer;
+              props = new Set();
+              resumedBoundary =
                 2 > task.formatContext.insertionMode
                   ? createSuspenseBoundary(
                       replay,
                       task.row,
-                      fallbackAbortSet,
+                      props,
                       createPreambleState(),
-                      createPreambleState()
+                      createPreambleState(),
+                      resumedBoundary
                     )
                   : createSuspenseBoundary(
                       replay,
                       task.row,
-                      fallbackAbortSet,
+                      props,
                       null,
-                      null
+                      null,
+                      resumedBoundary
                     );
-              props.parentFlushed = !0;
-              props.rootSegmentID = request;
-              task.blockedBoundary = props;
-              task.hoistableState = props.contentState;
+              resumedBoundary.parentFlushed = !0;
+              resumedBoundary.rootSegmentID = request;
+              task.blockedBoundary = resumedBoundary;
+              task.hoistableState = resumedBoundary.contentState;
               task.keyPath = keyPath;
               task.formatContext = getSuspenseContentFormatContext(
                 replay.resumableState,
@@ -13245,13 +13257,16 @@
                     "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
                   );
                 task.replay.pendingTasks--;
-                if (0 === props.pendingTasks && 0 === props.status) {
-                  props.status = 1;
-                  replay.completedBoundaries.push(props);
+                if (
+                  0 === resumedBoundary.pendingTasks &&
+                  0 === resumedBoundary.status
+                ) {
+                  resumedBoundary.status = 1;
+                  replay.completedBoundaries.push(resumedBoundary);
                   break a;
                 }
               } catch (error) {
-                (props.status = 4),
+                (resumedBoundary.status = 4),
                   (childNodes = getThrownInfo(task.componentStack)),
                   (childSlots = logRecoverableError(
                     replay,
@@ -13260,14 +13275,14 @@
                     task.debugTask
                   )),
                   encodeErrorForBoundary(
-                    props,
+                    resumedBoundary,
                     childSlots,
                     error,
                     childNodes,
                     !1
                   ),
                   task.replay.pendingTasks--,
-                  replay.clientRenderedBoundaries.push(props);
+                  replay.clientRenderedBoundaries.push(resumedBoundary);
               } finally {
                 (task.blockedBoundary = parentBoundary),
                   (task.hoistableState = parentHoistableState),
@@ -13283,8 +13298,8 @@
                 fallback,
                 -1,
                 parentBoundary,
-                props.fallbackState,
-                fallbackAbortSet,
+                resumedBoundary.fallbackState,
+                props,
                 [keyPath[0], "Suspense Fallback", keyPath[2]],
                 getSuspenseFallbackFormatContext(
                   replay.resumableState,
@@ -14011,7 +14026,8 @@
               null,
               new Set(),
               null,
-              null
+              null,
+              !1
             );
           resumedBoundary.parentFlushed = !0;
           resumedBoundary.rootSegmentID = node;
@@ -14738,7 +14754,8 @@
       if (
         !flushingPartialBoundaries &&
         isEligibleForOutlining(request, boundary) &&
-        flushedByteSize + boundary.byteSize > request.progressiveChunkSize
+        (flushedByteSize + boundary.byteSize > request.progressiveChunkSize ||
+          boundary.defer)
       )
         return (
           (boundary.rootSegmentID = request.nextSegmentId++),
@@ -17029,5 +17046,5 @@
         });
       });
     };
-    exports.version = "19.3.0-experimental-dd048c3b-20251105";
+    exports.version = "19.3.0-experimental-5a2205ba-20251105";
   })();

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

@@ -6525,7 +6525,10 @@ function describeComponentStackByType(type) {
   return "";
 }
 function isEligibleForOutlining(request, boundary) {
-  return (500 < boundary.byteSize || !1) && null === boundary.contentPreamble;
+  return (
+    (500 < boundary.byteSize || boundary.defer) &&
+    null === boundary.contentPreamble
+  );
 }
 function defaultErrorHandler(error) {
   if (
@@ -6653,7 +6656,8 @@ function createSuspenseBoundary(
   row,
   fallbackAbortableTasks,
   contentPreamble,
-  fallbackPreamble
+  fallbackPreamble,
+  defer
 ) {
   fallbackAbortableTasks = {
     status: 0,
@@ -6663,6 +6667,7 @@ function createSuspenseBoundary(
     row: row,
     completedSegments: [],
     byteSize: 0,
+    defer: defer,
     fallbackAbortableTasks: fallbackAbortableTasks,
     errorDigest: null,
     contentState: createHoistableState(),
@@ -7505,6 +7510,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
             parentSegment = task.blockedSegment,
             fallback = props.fallback,
             content = props.children,
+            defer = !0 === props.defer,
             fallbackAbortSet = new Set();
           var newBoundary =
             2 > task.formatContext.insertionMode
@@ -7513,14 +7519,16 @@ function renderElement(request, task, keyPath, type, props, ref) {
                   task.row,
                   fallbackAbortSet,
                   createPreambleState(),
-                  createPreambleState()
+                  createPreambleState(),
+                  defer
                 )
               : createSuspenseBoundary(
                   request,
                   task.row,
                   fallbackAbortSet,
                   null,
-                  null
+                  null,
+                  defer
                 );
           null !== request.trackedPostpones &&
             (newBoundary.trackedContentKeyPath = keyPath);
@@ -7543,20 +7551,23 @@ function renderElement(request, task, keyPath, type, props, ref) {
             !1
           );
           contentRootSegment.parentFlushed = !0;
-          if (null !== request.trackedPostpones) {
+          var trackedPostpones = request.trackedPostpones;
+          if (null !== trackedPostpones || defer) {
             var suspenseComponentStack = task.componentStack,
-              fallbackKeyPath = [keyPath[0], "Suspense Fallback", keyPath[2]],
-              fallbackReplayNode = [
+              fallbackKeyPath = [keyPath[0], "Suspense Fallback", keyPath[2]];
+            if (null !== trackedPostpones) {
+              var fallbackReplayNode = [
                 fallbackKeyPath[1],
                 fallbackKeyPath[2],
                 [],
                 null
               ];
-            request.trackedPostpones.workingMap.set(
-              fallbackKeyPath,
-              fallbackReplayNode
-            );
-            newBoundary.trackedFallbackNode = fallbackReplayNode;
+              trackedPostpones.workingMap.set(
+                fallbackKeyPath,
+                fallbackReplayNode
+              );
+              newBoundary.trackedFallbackNode = fallbackReplayNode;
+            }
             task.blockedSegment = boundarySegment;
             task.blockedPreamble = newBoundary.fallbackPreamble;
             task.keyPath = fallbackKeyPath;
@@ -7868,12 +7879,13 @@ function retryNode(request, task) {
                         );
                       task.replay.pendingTasks--;
                       props = getThrownInfo(task.componentStack);
-                      key = task.blockedBoundary;
+                      key = request;
+                      request = task.blockedBoundary;
                       type = x;
-                      props = logRecoverableError(request, type, props);
+                      props = logRecoverableError(key, type, props);
                       abortRemainingReplayNodes(
-                        request,
                         key,
+                        request,
                         childNodes,
                         childSlots,
                         type,
@@ -7903,28 +7915,31 @@ function retryNode(request, task) {
                         parentBoundary = task.blockedBoundary,
                         parentHoistableState = task.hoistableState,
                         content = props.children,
-                        fallback = props.fallback,
-                        fallbackAbortSet = new Set();
-                      props =
+                        fallback = props.fallback;
+                      var resumedBoundary = !0 === props.defer;
+                      props = new Set();
+                      resumedBoundary =
                         2 > task.formatContext.insertionMode
                           ? createSuspenseBoundary(
                               request,
                               task.row,
-                              fallbackAbortSet,
+                              props,
+                              createPreambleState(),
                               createPreambleState(),
-                              createPreambleState()
+                              resumedBoundary
                             )
                           : createSuspenseBoundary(
                               request,
                               task.row,
-                              fallbackAbortSet,
+                              props,
                               null,
-                              null
+                              null,
+                              resumedBoundary
                             );
-                      props.parentFlushed = !0;
-                      props.rootSegmentID = replay;
-                      task.blockedBoundary = props;
-                      task.hoistableState = props.contentState;
+                      resumedBoundary.parentFlushed = !0;
+                      resumedBoundary.rootSegmentID = replay;
+                      task.blockedBoundary = resumedBoundary;
+                      task.hoistableState = resumedBoundary.contentState;
                       task.keyPath = key;
                       task.formatContext = getSuspenseContentFormatContext(
                         request.resumableState,
@@ -7946,22 +7961,27 @@ function retryNode(request, task) {
                             "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
                           );
                         task.replay.pendingTasks--;
-                        if (0 === props.pendingTasks && 0 === props.status) {
-                          props.status = 1;
-                          request.completedBoundaries.push(props);
+                        if (
+                          0 === resumedBoundary.pendingTasks &&
+                          0 === resumedBoundary.status
+                        ) {
+                          resumedBoundary.status = 1;
+                          request.completedBoundaries.push(resumedBoundary);
                           break b;
                         }
                       } catch (error) {
-                        (props.status = 4),
+                        (resumedBoundary.status = 4),
                           (childNodes = getThrownInfo(task.componentStack)),
                           (childSlots = logRecoverableError(
                             request,
                             error,
                             childNodes
                           )),
-                          (props.errorDigest = childSlots),
+                          (resumedBoundary.errorDigest = childSlots),
                           task.replay.pendingTasks--,
-                          request.clientRenderedBoundaries.push(props);
+                          request.clientRenderedBoundaries.push(
+                            resumedBoundary
+                          );
                       } finally {
                         (task.blockedBoundary = parentBoundary),
                           (task.hoistableState = parentHoistableState),
@@ -7977,8 +7997,8 @@ function retryNode(request, task) {
                         fallback,
                         -1,
                         parentBoundary,
-                        props.fallbackState,
-                        fallbackAbortSet,
+                        resumedBoundary.fallbackState,
+                        props,
                         [key[0], "Suspense Fallback", key[2]],
                         getSuspenseFallbackFormatContext(
                           request.resumableState,
@@ -8466,7 +8486,8 @@ function abortRemainingReplayNodes(
           null,
           new Set(),
           null,
-          null
+          null,
+          !1
         );
       resumedBoundary.parentFlushed = !0;
       resumedBoundary.rootSegmentID = node;
@@ -9084,7 +9105,8 @@ function flushSegment(request, destination, segment, hoistableState) {
   if (
     !flushingPartialBoundaries &&
     isEligibleForOutlining(request, boundary) &&
-    flushedByteSize + boundary.byteSize > request.progressiveChunkSize
+    (flushedByteSize + boundary.byteSize > request.progressiveChunkSize ||
+      boundary.defer)
   )
     return (
       (boundary.rootSegmentID = request.nextSegmentId++),
@@ -9608,20 +9630,20 @@ exports.experimental_renderToHTML = function (children, options) {
         void 0,
         void 0
       ),
-      JSCompiler_object_inline__rowState_2226 = 0,
-      JSCompiler_object_inline__rowID_2227 = 0,
-      JSCompiler_object_inline__rowTag_2228 = 0,
-      JSCompiler_object_inline__rowLength_2229 = 0,
-      JSCompiler_object_inline__buffer_2230 = [],
+      JSCompiler_object_inline__rowState_2228 = 0,
+      JSCompiler_object_inline__rowID_2229 = 0,
+      JSCompiler_object_inline__rowTag_2230 = 0,
+      JSCompiler_object_inline__rowLength_2231 = 0,
+      JSCompiler_object_inline__buffer_2232 = [],
       flightDestination = {
         push: function (chunk) {
           if (null !== chunk) {
             for (
               var i = 0,
-                rowState = JSCompiler_object_inline__rowState_2226,
-                rowID = JSCompiler_object_inline__rowID_2227,
-                rowTag = JSCompiler_object_inline__rowTag_2228,
-                rowLength = JSCompiler_object_inline__rowLength_2229,
+                rowState = JSCompiler_object_inline__rowState_2228,
+                rowID = JSCompiler_object_inline__rowID_2229,
+                rowTag = JSCompiler_object_inline__rowTag_2230,
+                rowLength = JSCompiler_object_inline__rowLength_2231,
                 chunkLength = chunk.length;
               i < chunkLength;
 
@@ -9682,7 +9704,7 @@ exports.experimental_renderToHTML = function (children, options) {
                   lastIdx = chunk.length;
               }
               if (-1 < lastIdx) {
-                if (0 < JSCompiler_object_inline__buffer_2230.length)
+                if (0 < JSCompiler_object_inline__buffer_2232.length)
                   throw Error(
                     "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
                   );
@@ -9757,16 +9779,16 @@ exports.experimental_renderToHTML = function (children, options) {
                 i = lastIdx;
                 3 === rowState && i++;
                 rowLength = rowID = rowTag = rowState = 0;
-                JSCompiler_object_inline__buffer_2230.length = 0;
+                JSCompiler_object_inline__buffer_2232.length = 0;
               } else if (chunk.length !== i)
                 throw Error(
                   "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
                 );
             }
-            JSCompiler_object_inline__rowState_2226 = rowState;
-            JSCompiler_object_inline__rowID_2227 = rowID;
-            JSCompiler_object_inline__rowTag_2228 = rowTag;
-            JSCompiler_object_inline__rowLength_2229 = rowLength;
+            JSCompiler_object_inline__rowState_2228 = rowState;
+            JSCompiler_object_inline__rowID_2229 = rowID;
+            JSCompiler_object_inline__rowTag_2230 = rowTag;
+            JSCompiler_object_inline__rowLength_2231 = rowLength;
           } else reportGlobalError(flightResponse, Error("Connection closed."));
           return !0;
         },
@@ -9875,4 +9897,4 @@ exports.experimental_renderToHTML = function (children, options) {
     });
   });
 };
-exports.version = "19.3.0-experimental-dd048c3b-20251105";
+exports.version = "19.3.0-experimental-5a2205ba-20251105";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-markup",
-  "version": "0.0.0-experimental-dd048c3b-20251105",
+  "version": "0.0.0-experimental-5a2205ba-20251105",
   "description": "React package generating embedded markup such as e-mails with support for Server Components.",
   "main": "index.js",
   "repository": {
@@ -17,7 +17,7 @@
   },
   "homepage": "https://react.dev/",
   "peerDependencies": {
-    "react": "0.0.0-experimental-dd048c3b-20251105"
+    "react": "0.0.0-experimental-5a2205ba-20251105"
   },
   "files": [
     "LICENSE",