From ff6e098a4bba0020a70e97dece5b7da374c534b8 Mon Sep 17 00:00:00 2001
From: sebmarkbage <sebmarkbage@users.noreply.github.com>
Date: Tue, 22 Aug 2023 19:26:27 +0000
Subject: [PATCH] [Fizz] Split ResponseState/Resources into
 RenderState/ResumableState (#27268)

This exposes a `resume()` API to go with the `prerender()` (only in
experimental). It doesn't work yet since we don't yet emit the postponed
state so not yet tested.

The main thing this does is rename ResponseState->RenderState and
Resources->ResumableState. We separated out resources into a separate
concept preemptively since it seemed like separate enough but probably
doesn't warrant being a separate concept. The result is that we have a
per RenderState in the Config which is really just temporary state and
things that must be flushed completely in the prerender. Most things
should be ResumableState.

Most options are specified in the `prerender()` and transferred into the
`resume()` but certain options that are unique per request can't be.
Notably `nonce` is special. This means that bootstrap scripts and
external runtime can't use `nonce` in this mode. They need to have a CSP
configured to deal with external scripts, but not inline.

We need to be able to restore state of things that we've already emitted
in the prerender. We could have separate snapshot/restore methods that
does this work when it happens but that means we have to explicitly do
that work. This design is trying to keep to the principle that we just
work with resumable data structures instead so that we're designing for
it with every feature. It also makes restoring faster since it's just
straight into the data structure.

This is not yet a serializable format. That can be done in a follow up.

We also need to vet that each step makes sense. Notably stylesToHoist is
a bit unclear how it'll work.

DiffTrain build for [31034b6de73c7cd9093e92a34e384d84c082aa4e](https://github.com/facebook/react/commit/31034b6de73c7cd9093e92a34e384d84c082aa4e)
---
 compiled/facebook-www/REVISION                |   2 +-
 .../ReactDOMServer-dev.classic.js             | 808 ++++++++--------
 .../facebook-www/ReactDOMServer-dev.modern.js | 808 ++++++++--------
 .../ReactDOMServer-prod.classic.js            | 899 +++++++++++-------
 .../ReactDOMServer-prod.modern.js             | 899 +++++++++++-------
 .../ReactDOMServerStreaming-dev.modern.js     | 720 +++++++-------
 .../ReactDOMServerStreaming-prod.modern.js    | 808 ++++++++--------
 7 files changed, 2726 insertions(+), 2218 deletions(-)

diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION
index 6e25073f77..9fcd94f1a6 100644
--- a/compiled/facebook-www/REVISION
+++ b/compiled/facebook-www/REVISION
@@ -1 +1 @@
-86198b923199224b60533952b636348bb0484a6d
+31034b6de73c7cd9093e92a34e384d84c082aa4e
diff --git a/compiled/facebook-www/ReactDOMServer-dev.classic.js b/compiled/facebook-www/ReactDOMServer-dev.classic.js
index 62e44b8594..0f108839fd 100644
--- a/compiled/facebook-www/ReactDOMServer-dev.classic.js
+++ b/compiled/facebook-www/ReactDOMServer-dev.classic.js
@@ -19,7 +19,7 @@ if (__DEV__) {
 var React = require("react");
 var ReactDOM = require("react-dom");
 
-var ReactVersion = "18.3.0-www-classic-2d41a773";
+var ReactVersion = "18.3.0-www-classic-dcbc1f0e";
 
 // This refers to a WWW module.
 var warningWWW = require("warning");
@@ -1895,6 +1895,10 @@ var SentClientRenderFunction =
 var SentStyleInsertionFunction =
   /*       */
   8;
+// This cannot be resumed and therefore should only contain things that are
+// temporary working state or are never used in the prerender pass.
+// Per response, global state that is not contextual to the rendering subtree.
+// This is resumable and therefore should be serializable.
 
 var dataElementQuotedEnd = stringToPrecomputedChunk('"></template>');
 var startInlineScript = stringToPrecomputedChunk("<script>");
@@ -1932,8 +1936,32 @@ var scriptReplacer = function (match, prefix, s, suffix) {
 // if passed externalRuntimeConfig and the enableFizzExternalRuntime feature flag
 // is set, the server will send instructions via data attributes (instead of inline scripts)
 
-function createResponseState$1(
-  resources,
+function createRenderState$1(resumableState, nonce) {
+  var inlineScriptWithNonce =
+    nonce === undefined
+      ? startInlineScript
+      : stringToPrecomputedChunk(
+          '<script nonce="' + escapeTextForBrowser(nonce) + '">'
+        );
+  var idPrefix = resumableState.idPrefix;
+  return {
+    placeholderPrefix: stringToPrecomputedChunk(idPrefix + "P:"),
+    segmentPrefix: stringToPrecomputedChunk(idPrefix + "S:"),
+    boundaryPrefix: idPrefix + "B:",
+    startInlineScript: inlineScriptWithNonce,
+    htmlChunks: null,
+    headChunks: null,
+    charsetChunks: [],
+    preconnectChunks: [],
+    preloadChunks: [],
+    hoistableChunks: [],
+    nonce: nonce,
+    // like a module global for currently rendering boundary
+    boundaryResources: null,
+    stylesToHoist: false
+  };
+}
+function createResumableState(
   identifierPrefix,
   nonce,
   bootstrapScriptContent,
@@ -1942,17 +1970,17 @@ function createResponseState$1(
   externalRuntimeConfig
 ) {
   var idPrefix = identifierPrefix === undefined ? "" : identifierPrefix;
-  var inlineScriptWithNonce =
-    nonce === undefined
-      ? startInlineScript
-      : stringToPrecomputedChunk(
-          '<script nonce="' + escapeTextForBrowser(nonce) + '">'
-        );
   var bootstrapChunks = [];
-  var externalRuntimeScript = null;
   var streamingFormat = ScriptStreamingFormat;
+  var externalRuntimeScript = null;
 
   if (bootstrapScriptContent !== undefined) {
+    var inlineScriptWithNonce =
+      nonce === undefined
+        ? startInlineScript
+        : stringToPrecomputedChunk(
+            '<script nonce="' + escapeTextForBrowser(nonce) + '">'
+          );
     bootstrapChunks.push(
       inlineScriptWithNonce,
       stringToChunk(escapeBootstrapScriptContent(bootstrapScriptContent)),
@@ -1990,6 +2018,33 @@ function createResponseState$1(
     }
   }
 
+  var resumableState = {
+    externalRuntimeScript: externalRuntimeScript,
+    bootstrapChunks: bootstrapChunks,
+    idPrefix: idPrefix,
+    nextSuspenseID: 0,
+    streamingFormat: streamingFormat,
+    instructions: NothingSent,
+    hasBody: false,
+    hasHtml: false,
+    // @TODO add bootstrap script to implicit preloads
+    // persistent
+    preloadsMap: new Map(),
+    preconnectsMap: new Map(),
+    stylesMap: new Map(),
+    scriptsMap: new Map(),
+    // cleared on flush
+    preconnects: new Set(),
+    fontPreloads: new Set(),
+    highImagePreloads: new Set(),
+    // usedImagePreloads: new Set(),
+    precedences: new Map(),
+    stylePrecedences: new Map(),
+    bootstrapScripts: new Set(),
+    scripts: new Set(),
+    bulkPreloads: new Set()
+  };
+
   if (bootstrapScripts !== undefined) {
     for (var i = 0; i < bootstrapScripts.length; i++) {
       var scriptConfig = bootstrapScripts[i];
@@ -2003,7 +2058,13 @@ function createResponseState$1(
           : scriptConfig.crossOrigin === "use-credentials"
           ? "use-credentials"
           : "";
-      preloadBootstrapScript(resources, src, nonce, integrity, crossOrigin);
+      preloadBootstrapScript(
+        resumableState,
+        src,
+        nonce,
+        integrity,
+        crossOrigin
+      );
       bootstrapChunks.push(
         startScriptSrc,
         stringToChunk(escapeTextForBrowser(src))
@@ -2051,7 +2112,13 @@ function createResponseState$1(
           ? "use-credentials"
           : "";
 
-      preloadBootstrapModule(resources, _src, nonce, _integrity, _crossOrigin);
+      preloadBootstrapModule(
+        resumableState,
+        _src,
+        nonce,
+        _integrity,
+        _crossOrigin
+      );
       bootstrapChunks.push(
         startModuleSrc,
         stringToChunk(escapeTextForBrowser(_src))
@@ -2082,27 +2149,7 @@ function createResponseState$1(
     }
   }
 
-  return {
-    bootstrapChunks: bootstrapChunks,
-    placeholderPrefix: stringToPrecomputedChunk(idPrefix + "P:"),
-    segmentPrefix: stringToPrecomputedChunk(idPrefix + "S:"),
-    boundaryPrefix: idPrefix + "B:",
-    idPrefix: idPrefix,
-    nextSuspenseID: 0,
-    streamingFormat: streamingFormat,
-    startInlineScript: inlineScriptWithNonce,
-    instructions: NothingSent,
-    externalRuntimeScript: externalRuntimeScript,
-    htmlChunks: null,
-    headChunks: null,
-    hasBody: false,
-    charsetChunks: [],
-    preconnectChunks: [],
-    preloadChunks: [],
-    hoistableChunks: [],
-    stylesToHoist: false,
-    nonce: nonce
-  };
+  return resumableState;
 } // Constants for the insertion mode we're currently writing in. We don't encode all HTML5 insertion
 // modes. We only include the variants as they matter for the sake of our purposes.
 // We don't actually provide the namespace therefore we use constants instead of the string.
@@ -2232,14 +2279,14 @@ function getChildFormatContext(parentContext, type, props) {
   return parentContext;
 }
 var UNINITIALIZED_SUSPENSE_BOUNDARY_ID = null;
-function assignSuspenseBoundaryID(responseState) {
-  var generatedID = responseState.nextSuspenseID++;
+function assignSuspenseBoundaryID(renderState, resumableState) {
+  var generatedID = resumableState.nextSuspenseID++;
   return stringToPrecomputedChunk(
-    responseState.boundaryPrefix + generatedID.toString(16)
+    renderState.boundaryPrefix + generatedID.toString(16)
   );
 }
-function makeId(responseState, treeId, localId) {
-  var idPrefix = responseState.idPrefix;
+function makeId(resumableState, treeId, localId) {
+  var idPrefix = resumableState.idPrefix;
   var id = ":" + idPrefix + "R" + treeId; // Unless this is the first id at this level, append a number at the end
   // that represents the position of this useId hook among all the useId
   // hooks for this fiber.
@@ -2256,7 +2303,7 @@ function encodeHTMLTextNode(text) {
 }
 
 var textSeparator = stringToPrecomputedChunk("<!-- -->");
-function pushTextInstance$1(target, text, responseState, textEmbedded) {
+function pushTextInstance$1(target, text, renderState, textEmbedded) {
   if (text === "") {
     // Empty text doesn't have a DOM node representation and the hydration is aware of this.
     return textEmbedded;
@@ -2273,7 +2320,7 @@ function pushTextInstance$1(target, text, responseState, textEmbedded) {
 
 function pushSegmentFinale$1(
   target,
-  responseState,
+  renderState,
   lastPushedText,
   textEmbedded
 ) {
@@ -2449,7 +2496,8 @@ function pushAdditionalFormFields(target, formData) {
 
 function pushFormActionAttribute(
   target,
-  responseState,
+  resumableState,
+  renderState,
   formAction,
   formEncType,
   formMethod,
@@ -2842,7 +2890,7 @@ function pushInnerHTML(target, innerHTML, children) {
       target.push(stringToChunk("" + html));
     }
   }
-} // TODO: Move these to ResponseState so that we warn for every request.
+} // TODO: Move these to RenderState so that we warn for every request.
 // It would help debugging in stateful servers (e.g. service worker).
 
 var didWarnDefaultInputValue = false;
@@ -3084,7 +3132,7 @@ function pushStartOption(target, props, formatContext) {
   return children;
 }
 
-function pushStartForm(target, props, responseState) {
+function pushStartForm(target, props, resumableState, renderState) {
   target.push(startChunkForTag("form"));
   var children = null;
   var innerHTML = null;
@@ -3163,7 +3211,7 @@ function pushStartForm(target, props, responseState) {
   return children;
 }
 
-function pushInput(target, props, responseState) {
+function pushInput(target, props, resumableState, renderState) {
   {
     checkControlledValueProps("input", props);
   }
@@ -3256,7 +3304,8 @@ function pushInput(target, props, responseState) {
 
   var formData = pushFormActionAttribute(
     target,
-    responseState,
+    resumableState,
+    renderState,
     formAction,
     formEncType,
     formMethod,
@@ -3314,7 +3363,7 @@ function pushInput(target, props, responseState) {
   return null;
 }
 
-function pushStartButton(target, props, responseState) {
+function pushStartButton(target, props, resumableState, renderState) {
   target.push(startChunkForTag("button"));
   var children = null;
   var innerHTML = null;
@@ -3385,7 +3434,8 @@ function pushStartButton(target, props, responseState) {
 
   var formData = pushFormActionAttribute(
     target,
-    responseState,
+    resumableState,
+    renderState,
     formAction,
     formEncType,
     formMethod,
@@ -3536,7 +3586,7 @@ function pushStartTextArea(target, props) {
 function pushMeta(
   target,
   props,
-  responseState,
+  renderState,
   textEmbedded,
   insertionMode,
   noscriptTagInScope
@@ -3556,12 +3606,12 @@ function pushMeta(
       }
 
       if (typeof props.charSet === "string") {
-        return pushSelfClosing(responseState.charsetChunks, props, "meta");
+        return pushSelfClosing(renderState.charsetChunks, props, "meta");
       } else if (props.name === "viewport") {
         // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(responseState.preconnectChunks, props, "meta");
+        return pushSelfClosing(renderState.preconnectChunks, props, "meta");
       } else {
-        return pushSelfClosing(responseState.hoistableChunks, props, "meta");
+        return pushSelfClosing(renderState.hoistableChunks, props, "meta");
       }
     }
   }
@@ -3570,8 +3620,8 @@ function pushMeta(
 function pushLink(
   target,
   props,
-  responseState,
-  resources,
+  resumableState,
+  renderState,
   textEmbedded,
   insertionMode,
   noscriptTagInScope
@@ -3643,11 +3693,11 @@ function pushLink(
         return pushLinkImpl(target, props);
       } else {
         // This stylesheet refers to a Resource and we create a new one if necessary
-        var resource = resources.stylesMap.get(key);
+        var resource = resumableState.stylesMap.get(key);
 
         if (!resource) {
           var resourceProps = stylesheetPropsFromRawProps(props);
-          var preloadResource = resources.preloadsMap.get(key);
+          var preloadResource = resumableState.preloadsMap.get(key);
           var state = NoState;
 
           if (preloadResource) {
@@ -3670,12 +3720,12 @@ function pushLink(
             state: state,
             props: resourceProps
           };
-          resources.stylesMap.set(key, resource);
-          var precedenceSet = resources.precedences.get(precedence);
+          resumableState.stylesMap.set(key, resource);
+          var precedenceSet = resumableState.precedences.get(precedence);
 
           if (!precedenceSet) {
             precedenceSet = new Set();
-            resources.precedences.set(precedence, precedenceSet);
+            resumableState.precedences.set(precedence, precedenceSet);
             var emptyStyleResource = {
               type: "style",
               chunks: [],
@@ -3688,7 +3738,7 @@ function pushLink(
             precedenceSet.add(emptyStyleResource);
 
             {
-              if (resources.stylePrecedences.has(precedence)) {
+              if (resumableState.stylePrecedences.has(precedence)) {
                 error(
                   'React constructed an empty style resource when a style resource already exists for this precedence: "%s". This is a bug in React.',
                   precedence
@@ -3696,14 +3746,14 @@ function pushLink(
               }
             }
 
-            resources.stylePrecedences.set(precedence, emptyStyleResource);
+            resumableState.stylePrecedences.set(precedence, emptyStyleResource);
           }
 
           precedenceSet.add(resource);
         }
 
-        if (resources.boundaryResources) {
-          resources.boundaryResources.add(resource);
+        if (renderState.boundaryResources) {
+          renderState.boundaryResources.add(resource);
         }
 
         if (textEmbedded) {
@@ -3730,13 +3780,13 @@ function pushLink(
       switch (props.rel) {
         case "preconnect":
         case "dns-prefetch":
-          return pushLinkImpl(responseState.preconnectChunks, props);
+          return pushLinkImpl(renderState.preconnectChunks, props);
 
         case "preload":
-          return pushLinkImpl(responseState.preloadChunks, props);
+          return pushLinkImpl(renderState.preloadChunks, props);
 
         default:
-          return pushLinkImpl(responseState.hoistableChunks, props);
+          return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -3776,7 +3826,8 @@ function pushLinkImpl(target, props) {
 function pushStyle(
   target,
   props,
-  resources,
+  resumableState,
+  renderState,
   textEmbedded,
   insertionMode,
   noscriptTagInScope
@@ -3837,10 +3888,10 @@ function pushStyle(
     }
 
     var key = getResourceKey("style", href);
-    var resource = resources.stylesMap.get(key);
+    var resource = resumableState.stylesMap.get(key);
 
     if (!resource) {
-      resource = resources.stylePrecedences.get(precedence);
+      resource = resumableState.stylePrecedences.get(precedence);
 
       if (!resource) {
         resource = {
@@ -3852,12 +3903,12 @@ function pushStyle(
             hrefs: [href]
           }
         };
-        resources.stylePrecedences.set(precedence, resource);
+        resumableState.stylePrecedences.set(precedence, resource);
         var precedenceSet = new Set();
         precedenceSet.add(resource);
 
         {
-          if (resources.precedences.has(precedence)) {
+          if (resumableState.precedences.has(precedence)) {
             error(
               'React constructed a new style precedence set when one already exists for this precedence: "%s". This is a bug in React.',
               precedence
@@ -3865,15 +3916,15 @@ function pushStyle(
           }
         }
 
-        resources.precedences.set(precedence, precedenceSet);
+        resumableState.precedences.set(precedence, precedenceSet);
       } else {
         resource.props.hrefs.push(href);
       }
 
-      resources.stylesMap.set(key, resource);
+      resumableState.stylesMap.set(key, resource);
 
-      if (resources.boundaryResources) {
-        resources.boundaryResources.add(resource);
+      if (renderState.boundaryResources) {
+        renderState.boundaryResources.add(resource);
       }
 
       pushStyleContents(resource.chunks, props);
@@ -3998,7 +4049,7 @@ function getImagePreloadKey(href, imageSrcSet, imageSizes) {
   return getResourceKey("image", uniquePart);
 }
 
-function pushImg(target, props, resources) {
+function pushImg(target, props, resumableState) {
   var src = props.src,
     srcSet = props.srcSet;
 
@@ -4024,10 +4075,10 @@ function pushImg(target, props, resources) {
     )
   ) {
     // We have a suspensey image and ought to preload it to optimize the loading of display blocking
-    // resources.
+    // resumableState.
     var sizes = props.sizes;
     var key = getImagePreloadKey(src, srcSet, sizes);
-    var resource = resources.preloadsMap.get(key);
+    var resource = resumableState.preloadsMap.get(key);
 
     if (!resource) {
       resource = {
@@ -4051,17 +4102,17 @@ function pushImg(target, props, resources) {
           referrerPolicy: props.referrerPolicy
         }
       };
-      resources.preloadsMap.set(key, resource);
+      resumableState.preloadsMap.set(key, resource);
       pushLinkImpl(resource.chunks, resource.props);
     }
 
     if (
       props.fetchPriority === "high" ||
-      resources.highImagePreloads.size < 10
+      resumableState.highImagePreloads.size < 10
     ) {
-      resources.highImagePreloads.add(resource);
+      resumableState.highImagePreloads.add(resource);
     } else {
-      resources.bulkPreloads.add(resource);
+      resumableState.bulkPreloads.add(resource);
     }
   }
 
@@ -4131,7 +4182,7 @@ function pushStartMenuItem(target, props) {
 function pushTitle(
   target,
   props,
-  responseState,
+  renderState,
   insertionMode,
   noscriptTagInScope
 ) {
@@ -4188,7 +4239,7 @@ function pushTitle(
       !noscriptTagInScope &&
       props.itemProp == null
     ) {
-      pushTitleImpl(responseState.hoistableChunks, props);
+      pushTitleImpl(renderState.hoistableChunks, props);
       return null;
     } else {
       return pushTitleImpl(target, props);
@@ -4247,12 +4298,12 @@ function pushTitleImpl(target, props) {
   return null;
 }
 
-function pushStartHead(target, props, responseState, insertionMode) {
+function pushStartHead(target, props, renderState, insertionMode) {
   {
-    if (insertionMode < HTML_MODE && responseState.headChunks === null) {
+    if (insertionMode < HTML_MODE && renderState.headChunks === null) {
       // This <head> is the Document.head and should be part of the preamble
-      responseState.headChunks = [];
-      return pushStartGenericElement(responseState.headChunks, props, "head");
+      renderState.headChunks = [];
+      return pushStartGenericElement(renderState.headChunks, props, "head");
     } else {
       // This <head> is deep and is likely just an error. we emit it inline though.
       // Validation should warn that this tag is the the wrong spot.
@@ -4261,12 +4312,12 @@ function pushStartHead(target, props, responseState, insertionMode) {
   }
 }
 
-function pushStartHtml(target, props, responseState, insertionMode) {
+function pushStartHtml(target, props, renderState, insertionMode) {
   {
-    if (insertionMode === ROOT_HTML_MODE && responseState.htmlChunks === null) {
+    if (insertionMode === ROOT_HTML_MODE && renderState.htmlChunks === null) {
       // This <html> is the Document.documentElement and should be part of the preamble
-      responseState.htmlChunks = [doctypeChunk];
-      return pushStartGenericElement(responseState.htmlChunks, props, "html");
+      renderState.htmlChunks = [doctypeChunk];
+      return pushStartGenericElement(renderState.htmlChunks, props, "html");
     } else {
       // This <html> is deep and is likely just an error. we emit it inline though.
       // Validation should warn that this tag is the the wrong spot.
@@ -4278,7 +4329,7 @@ function pushStartHtml(target, props, responseState, insertionMode) {
 function pushScript(
   target,
   props,
-  resources,
+  resumableState,
   textEmbedded,
   insertionMode,
   noscriptTagInScope
@@ -4307,7 +4358,7 @@ function pushScript(
     var src = props.src;
     var key = getResourceKey("script", src); // We can make this <script> into a ScriptResource
 
-    var resource = resources.scriptsMap.get(key);
+    var resource = resumableState.scriptsMap.get(key);
 
     if (!resource) {
       resource = {
@@ -4316,11 +4367,11 @@ function pushScript(
         state: NoState,
         props: null
       };
-      resources.scriptsMap.set(key, resource); // Add to the script flushing queue
+      resumableState.scriptsMap.set(key, resource); // Add to the script flushing queue
 
-      resources.scripts.add(resource);
+      resumableState.scripts.add(resource);
       var scriptProps = props;
-      var preloadResource = resources.preloadsMap.get(key);
+      var preloadResource = resumableState.preloadsMap.get(key);
 
       if (preloadResource) {
         // If we already had a preload we don't want that resource to flush directly.
@@ -4628,8 +4679,8 @@ function pushStartInstance(
   target,
   type,
   props,
-  resources,
-  responseState,
+  resumableState,
+  renderState,
   formatContext,
   textEmbedded
 ) {
@@ -4689,10 +4740,10 @@ function pushStartInstance(
       return pushStartTextArea(target, props);
 
     case "input":
-      return pushInput(target, props, responseState);
+      return pushInput(target, props, resumableState, renderState);
 
     case "button":
-      return pushStartButton(target, props, responseState);
+      return pushStartButton(target, props, resumableState, renderState);
 
     case "form":
       return pushStartForm(target, props);
@@ -4704,7 +4755,7 @@ function pushStartInstance(
       return pushTitle(
         target,
         props,
-        responseState,
+        renderState,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope
       );
@@ -4713,8 +4764,8 @@ function pushStartInstance(
       return pushLink(
         target,
         props,
-        responseState,
-        resources,
+        resumableState,
+        renderState,
         textEmbedded,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope
@@ -4724,7 +4775,7 @@ function pushStartInstance(
       return pushScript(
         target,
         props,
-        resources,
+        resumableState,
         textEmbedded,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope
@@ -4734,7 +4785,8 @@ function pushStartInstance(
       return pushStyle(
         target,
         props,
-        resources,
+        resumableState,
+        renderState,
         textEmbedded,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope
@@ -4744,7 +4796,7 @@ function pushStartInstance(
       return pushMeta(
         target,
         props,
-        responseState,
+        renderState,
         textEmbedded,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope
@@ -4757,7 +4809,7 @@ function pushStartInstance(
     }
 
     case "img": {
-      return pushImg(target, props, resources);
+      return pushImg(target, props, resumableState);
     }
     // Omitted close tags
 
@@ -4793,7 +4845,7 @@ function pushStartInstance(
       return pushStartHead(
         target,
         props,
-        responseState,
+        renderState,
         formatContext.insertionMode
       );
 
@@ -4801,7 +4853,7 @@ function pushStartInstance(
       return pushStartHtml(
         target,
         props,
-        responseState,
+        renderState,
         formatContext.insertionMode
       );
     }
@@ -4818,7 +4870,7 @@ function pushStartInstance(
 }
 var endTag1 = stringToPrecomputedChunk("</");
 var endTag2 = stringToPrecomputedChunk(">");
-function pushEndInstance(target, type, props, responseState, formatContext) {
+function pushEndInstance(target, type, props, resumableState, formatContext) {
   switch (type) {
     // When float is on we expect title and script tags to always be pushed in
     // a unit and never return children. when we end up pushing the end tag we
@@ -4856,7 +4908,7 @@ function pushEndInstance(target, type, props, responseState, formatContext) {
 
     case "body": {
       if (formatContext.insertionMode <= HTML_HTML_MODE) {
-        responseState.hasBody = true;
+        resumableState.hasBody = true;
         return;
       }
 
@@ -4865,6 +4917,7 @@ function pushEndInstance(target, type, props, responseState, formatContext) {
 
     case "html":
       if (formatContext.insertionMode === ROOT_HTML_MODE) {
+        resumableState.hasHtml = true;
         return;
       }
 
@@ -4874,8 +4927,8 @@ function pushEndInstance(target, type, props, responseState, formatContext) {
   target.push(endTag1, stringToChunk(type), endTag2);
 }
 
-function writeBootstrap(destination, responseState) {
-  var bootstrapChunks = responseState.bootstrapChunks;
+function writeBootstrap(destination, resumableState) {
+  var bootstrapChunks = resumableState.bootstrapChunks;
   var i = 0;
 
   for (; i < bootstrapChunks.length - 1; i++) {
@@ -4891,8 +4944,8 @@ function writeBootstrap(destination, responseState) {
   return true;
 }
 
-function writeCompletedRoot(destination, responseState) {
-  return writeBootstrap(destination, responseState);
+function writeCompletedRoot(destination, resumableState) {
+  return writeBootstrap(destination, resumableState);
 } // Structural Nodes
 // A placeholder is a node inside a hidden partial tree that can be filled in later, but before
 // display. It's never visible to users. We use the template tag because it can be used in every
@@ -4900,9 +4953,9 @@ function writeCompletedRoot(destination, responseState) {
 
 var placeholder1 = stringToPrecomputedChunk('<template id="');
 var placeholder2 = stringToPrecomputedChunk('"></template>');
-function writePlaceholder(destination, responseState, id) {
+function writePlaceholder(destination, renderState, id) {
   writeChunk(destination, placeholder1);
-  writeChunk(destination, responseState.placeholderPrefix);
+  writeChunk(destination, renderState.placeholderPrefix);
   var formattedID = stringToChunk(id.toString(16));
   writeChunk(destination, formattedID);
   return writeChunkAndReturn(destination, placeholder2);
@@ -4927,10 +4980,10 @@ var clientRenderedSuspenseBoundaryError1C =
   stringToPrecomputedChunk(' data-stck="');
 var clientRenderedSuspenseBoundaryError2 =
   stringToPrecomputedChunk("></template>");
-function writeStartCompletedSuspenseBoundary$1(destination, responseState) {
+function writeStartCompletedSuspenseBoundary$1(destination, renderState) {
   return writeChunkAndReturn(destination, startCompletedSuspenseBoundary);
 }
-function writeStartPendingSuspenseBoundary(destination, responseState, id) {
+function writeStartPendingSuspenseBoundary(destination, renderState, id) {
   writeChunk(destination, startPendingSuspenseBoundary1);
 
   if (id === null) {
@@ -4944,7 +4997,7 @@ function writeStartPendingSuspenseBoundary(destination, responseState, id) {
 }
 function writeStartClientRenderedSuspenseBoundary$1(
   destination,
-  responseState,
+  renderState,
   errorDigest,
   errorMesssage,
   errorComponentStack
@@ -4997,13 +5050,13 @@ function writeStartClientRenderedSuspenseBoundary$1(
   );
   return result;
 }
-function writeEndCompletedSuspenseBoundary$1(destination, responseState) {
+function writeEndCompletedSuspenseBoundary$1(destination, renderState) {
   return writeChunkAndReturn(destination, endSuspenseBoundary);
 }
-function writeEndPendingSuspenseBoundary(destination, responseState) {
+function writeEndPendingSuspenseBoundary(destination, renderState) {
   return writeChunkAndReturn(destination, endSuspenseBoundary);
 }
-function writeEndClientRenderedSuspenseBoundary$1(destination, responseState) {
+function writeEndClientRenderedSuspenseBoundary$1(destination, renderState) {
   return writeChunkAndReturn(destination, endSuspenseBoundary);
 }
 var startSegmentHTML = stringToPrecomputedChunk('<div hidden id="');
@@ -5035,34 +5088,34 @@ var startSegmentColGroup = stringToPrecomputedChunk(
 );
 var startSegmentColGroup2 = stringToPrecomputedChunk('">');
 var endSegmentColGroup = stringToPrecomputedChunk("</colgroup></table>");
-function writeStartSegment(destination, responseState, formatContext, id) {
+function writeStartSegment(destination, renderState, formatContext, id) {
   switch (formatContext.insertionMode) {
     case ROOT_HTML_MODE:
     case HTML_HTML_MODE:
     case HTML_MODE: {
       writeChunk(destination, startSegmentHTML);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentHTML2);
     }
 
     case SVG_MODE: {
       writeChunk(destination, startSegmentSVG);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentSVG2);
     }
 
     case MATHML_MODE: {
       writeChunk(destination, startSegmentMathML);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentMathML2);
     }
 
     case HTML_TABLE_MODE: {
       writeChunk(destination, startSegmentTable);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentTable2);
     }
@@ -5073,21 +5126,21 @@ function writeStartSegment(destination, responseState, formatContext, id) {
 
     case HTML_TABLE_BODY_MODE: {
       writeChunk(destination, startSegmentTableBody);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentTableBody2);
     }
 
     case HTML_TABLE_ROW_MODE: {
       writeChunk(destination, startSegmentTableRow);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentTableRow2);
     }
 
     case HTML_COLGROUP_MODE: {
       writeChunk(destination, startSegmentColGroup);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentColGroup2);
     }
@@ -5147,20 +5200,21 @@ var completeSegmentData2 = stringToPrecomputedChunk('" data-pid="');
 var completeSegmentDataEnd = dataElementQuotedEnd;
 function writeCompletedSegmentInstruction(
   destination,
-  responseState,
+  resumableState,
+  renderState,
   contentSegmentID
 ) {
-  var scriptFormat = responseState.streamingFormat === ScriptStreamingFormat;
+  var scriptFormat = resumableState.streamingFormat === ScriptStreamingFormat;
 
   if (scriptFormat) {
-    writeChunk(destination, responseState.startInlineScript);
+    writeChunk(destination, renderState.startInlineScript);
 
     if (
-      (responseState.instructions & SentCompleteSegmentFunction) ===
+      (resumableState.instructions & SentCompleteSegmentFunction) ===
       NothingSent
     ) {
       // The first time we write this, we'll need to include the full implementation.
-      responseState.instructions |= SentCompleteSegmentFunction;
+      resumableState.instructions |= SentCompleteSegmentFunction;
       writeChunk(destination, completeSegmentScript1Full);
     } else {
       // Future calls can just reuse the same function.
@@ -5170,7 +5224,7 @@ function writeCompletedSegmentInstruction(
     writeChunk(destination, completeSegmentData1);
   } // Write function arguments, which are string literals
 
-  writeChunk(destination, responseState.segmentPrefix);
+  writeChunk(destination, renderState.segmentPrefix);
   var formattedID = stringToChunk(contentSegmentID.toString(16));
   writeChunk(destination, formattedID);
 
@@ -5180,7 +5234,7 @@ function writeCompletedSegmentInstruction(
     writeChunk(destination, completeSegmentData2);
   }
 
-  writeChunk(destination, responseState.placeholderPrefix);
+  writeChunk(destination, renderState.placeholderPrefix);
   writeChunk(destination, formattedID);
 
   if (scriptFormat) {
@@ -5216,7 +5270,8 @@ var completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 var completeBoundaryDataEnd = dataElementQuotedEnd;
 function writeCompletedBoundaryInstruction(
   destination,
-  responseState,
+  resumableState,
+  renderState,
   boundaryID,
   contentSegmentID,
   boundaryResources
@@ -5224,45 +5279,45 @@ function writeCompletedBoundaryInstruction(
   var requiresStyleInsertion;
 
   {
-    requiresStyleInsertion = responseState.stylesToHoist; // If necessary stylesheets will be flushed with this instruction.
+    requiresStyleInsertion = renderState.stylesToHoist; // If necessary stylesheets will be flushed with this instruction.
     // Any style tags not yet hoisted in the Document will also be hoisted.
     // We reset this state since after this instruction executes all styles
     // up to this point will have been hoisted
 
-    responseState.stylesToHoist = false;
+    renderState.stylesToHoist = false;
   }
 
-  var scriptFormat = responseState.streamingFormat === ScriptStreamingFormat;
+  var scriptFormat = resumableState.streamingFormat === ScriptStreamingFormat;
 
   if (scriptFormat) {
-    writeChunk(destination, responseState.startInlineScript);
+    writeChunk(destination, renderState.startInlineScript);
 
     if (requiresStyleInsertion) {
       if (
-        (responseState.instructions & SentCompleteBoundaryFunction) ===
+        (resumableState.instructions & SentCompleteBoundaryFunction) ===
         NothingSent
       ) {
-        responseState.instructions |=
+        resumableState.instructions |=
           SentStyleInsertionFunction | SentCompleteBoundaryFunction;
         writeChunk(
           destination,
           clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth)
         );
       } else if (
-        (responseState.instructions & SentStyleInsertionFunction) ===
+        (resumableState.instructions & SentStyleInsertionFunction) ===
         NothingSent
       ) {
-        responseState.instructions |= SentStyleInsertionFunction;
+        resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
       } else {
         writeChunk(destination, completeBoundaryWithStylesScript1Partial);
       }
     } else {
       if (
-        (responseState.instructions & SentCompleteBoundaryFunction) ===
+        (resumableState.instructions & SentCompleteBoundaryFunction) ===
         NothingSent
       ) {
-        responseState.instructions |= SentCompleteBoundaryFunction;
+        resumableState.instructions |= SentCompleteBoundaryFunction;
         writeChunk(destination, completeBoundaryScript1Full);
       } else {
         writeChunk(destination, completeBoundaryScript1Partial);
@@ -5291,7 +5346,7 @@ function writeCompletedBoundaryInstruction(
     writeChunk(destination, completeBoundaryData2);
   }
 
-  writeChunk(destination, responseState.segmentPrefix);
+  writeChunk(destination, renderState.segmentPrefix);
   writeChunk(destination, formattedContentID);
 
   if (requiresStyleInsertion) {
@@ -5322,7 +5377,7 @@ function writeCompletedBoundaryInstruction(
     writeMore = writeChunkAndReturn(destination, completeBoundaryDataEnd);
   }
 
-  return writeBootstrap(destination, responseState) && writeMore;
+  return writeBootstrap(destination, resumableState) && writeMore;
 }
 var clientRenderScript1Full = stringToPrecomputedChunk(
   clientRenderBoundary + ';$RX("'
@@ -5340,23 +5395,24 @@ var clientRenderData4 = stringToPrecomputedChunk('" data-stck="');
 var clientRenderDataEnd = dataElementQuotedEnd;
 function writeClientRenderBoundaryInstruction(
   destination,
-  responseState,
+  resumableState,
+  renderState,
   boundaryID,
   errorDigest,
   errorMessage,
   errorComponentStack
 ) {
-  var scriptFormat = responseState.streamingFormat === ScriptStreamingFormat;
+  var scriptFormat = resumableState.streamingFormat === ScriptStreamingFormat;
 
   if (scriptFormat) {
-    writeChunk(destination, responseState.startInlineScript);
+    writeChunk(destination, renderState.startInlineScript);
 
     if (
-      (responseState.instructions & SentClientRenderFunction) ===
+      (resumableState.instructions & SentClientRenderFunction) ===
       NothingSent
     ) {
       // The first time we write this, we'll need to include the full implementation.
-      responseState.instructions |= SentClientRenderFunction;
+      resumableState.instructions |= SentClientRenderFunction;
       writeChunk(destination, clientRenderScript1Full);
     } else {
       // Future calls can just reuse the same function.
@@ -5570,7 +5626,7 @@ function flushStyleTagsLateForBoundary(resource) {
 function writeResourcesForBoundary(
   destination,
   boundaryResources,
-  responseState
+  renderState
 ) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
@@ -5579,7 +5635,7 @@ function writeResourcesForBoundary(
   boundaryResources.forEach(flushStyleTagsLateForBoundary, destination);
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
-    responseState.stylesToHoist = true;
+    renderState.stylesToHoist = true;
   }
 
   return destinationHasCapacity;
@@ -5727,25 +5783,25 @@ function preloadLateStyles(set, precedence) {
 
 function writePreamble(
   destination,
-  resources,
-  responseState,
+  resumableState,
+  renderState,
   willFlushAllSegments
 ) {
   // This function must be called exactly once on every request
-  if (!willFlushAllSegments && responseState.externalRuntimeScript) {
+  if (!willFlushAllSegments && resumableState.externalRuntimeScript) {
     // If the root segment is incomplete due to suspended tasks
     // (e.g. willFlushAllSegments = false) and we are using data
     // streaming format, ensure the external runtime is sent.
     // (User code could choose to send this even earlier by calling
     //  preinit(...), if they know they will suspend).
-    var _responseState$extern = responseState.externalRuntimeScript,
-      src = _responseState$extern.src,
-      chunks = _responseState$extern.chunks;
-    internalPreinitScript(resources, src, chunks);
+    var _resumableState$exter = resumableState.externalRuntimeScript,
+      src = _resumableState$exter.src,
+      chunks = _resumableState$exter.chunks;
+    internalPreinitScript(resumableState, src, chunks);
   }
 
-  var htmlChunks = responseState.htmlChunks;
-  var headChunks = responseState.headChunks;
+  var htmlChunks = renderState.htmlChunks;
+  var headChunks = renderState.headChunks;
   var i = 0; // Emit open tags before Hoistables and Resources
 
   if (htmlChunks) {
@@ -5770,7 +5826,7 @@ function writePreamble(
     }
   } // Emit high priority Hoistables
 
-  var charsetChunks = responseState.charsetChunks;
+  var charsetChunks = renderState.charsetChunks;
 
   for (i = 0; i < charsetChunks.length; i++) {
     writeChunk(destination, charsetChunks[i]);
@@ -5778,28 +5834,31 @@ function writePreamble(
 
   charsetChunks.length = 0; // emit preconnect resources
 
-  resources.preconnects.forEach(flushResourceInPreamble, destination);
-  resources.preconnects.clear();
-  var preconnectChunks = responseState.preconnectChunks;
+  resumableState.preconnects.forEach(flushResourceInPreamble, destination);
+  resumableState.preconnects.clear();
+  var preconnectChunks = renderState.preconnectChunks;
 
   for (i = 0; i < preconnectChunks.length; i++) {
     writeChunk(destination, preconnectChunks[i]);
   }
 
   preconnectChunks.length = 0;
-  resources.fontPreloads.forEach(flushResourceInPreamble, destination);
-  resources.fontPreloads.clear();
-  resources.highImagePreloads.forEach(flushResourceInPreamble, destination);
-  resources.highImagePreloads.clear(); // Flush unblocked stylesheets by precedence
+  resumableState.fontPreloads.forEach(flushResourceInPreamble, destination);
+  resumableState.fontPreloads.clear();
+  resumableState.highImagePreloads.forEach(
+    flushResourceInPreamble,
+    destination
+  );
+  resumableState.highImagePreloads.clear(); // Flush unblocked stylesheets by precedence
 
-  resources.precedences.forEach(flushAllStylesInPreamble, destination);
-  resources.bootstrapScripts.forEach(flushResourceInPreamble, destination);
-  resources.scripts.forEach(flushResourceInPreamble, destination);
-  resources.scripts.clear();
-  resources.bulkPreloads.forEach(flushResourceInPreamble, destination);
-  resources.bulkPreloads.clear(); // Write embedding preloadChunks
+  resumableState.precedences.forEach(flushAllStylesInPreamble, destination);
+  resumableState.bootstrapScripts.forEach(flushResourceInPreamble, destination);
+  resumableState.scripts.forEach(flushResourceInPreamble, destination);
+  resumableState.scripts.clear();
+  resumableState.bulkPreloads.forEach(flushResourceInPreamble, destination);
+  resumableState.bulkPreloads.clear(); // Write embedding preloadChunks
 
-  var preloadChunks = responseState.preloadChunks;
+  var preloadChunks = renderState.preloadChunks;
 
   for (i = 0; i < preloadChunks.length; i++) {
     writeChunk(destination, preloadChunks[i]);
@@ -5807,7 +5866,7 @@ function writePreamble(
 
   preloadChunks.length = 0; // Write embedding hoistableChunks
 
-  var hoistableChunks = responseState.hoistableChunks;
+  var hoistableChunks = renderState.hoistableChunks;
 
   for (i = 0; i < hoistableChunks.length; i++) {
     writeChunk(destination, hoistableChunks[i]);
@@ -5830,35 +5889,38 @@ function writePreamble(
 // in the future to be backpressure sensitive but that requires a larger refactor
 // of the flushing code in Fizz.
 
-function writeHoistables(destination, resources, responseState) {
+function writeHoistables(destination, resumableState, renderState) {
   var i = 0; // Emit high priority Hoistables
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  resources.preconnects.forEach(flushResourceLate, destination);
-  resources.preconnects.clear();
-  var preconnectChunks = responseState.preconnectChunks;
+  resumableState.preconnects.forEach(flushResourceLate, destination);
+  resumableState.preconnects.clear();
+  var preconnectChunks = renderState.preconnectChunks;
 
   for (i = 0; i < preconnectChunks.length; i++) {
     writeChunk(destination, preconnectChunks[i]);
   }
 
   preconnectChunks.length = 0;
-  resources.fontPreloads.forEach(flushResourceLate, destination);
-  resources.fontPreloads.clear();
-  resources.highImagePreloads.forEach(flushResourceInPreamble, destination);
-  resources.highImagePreloads.clear(); // Preload any stylesheets. these will emit in a render instruction that follows this
+  resumableState.fontPreloads.forEach(flushResourceLate, destination);
+  resumableState.fontPreloads.clear();
+  resumableState.highImagePreloads.forEach(
+    flushResourceInPreamble,
+    destination
+  );
+  resumableState.highImagePreloads.clear(); // Preload any stylesheets. these will emit in a render instruction that follows this
   // but we want to kick off preloading as soon as possible
 
-  resources.precedences.forEach(preloadLateStyles, destination); // bootstrap scripts should flush above script priority but these can only flush in the preamble
+  resumableState.precedences.forEach(preloadLateStyles, destination); // bootstrap scripts should flush above script priority but these can only flush in the preamble
   // so we elide the code here for performance
 
-  resources.scripts.forEach(flushResourceLate, destination);
-  resources.scripts.clear();
-  resources.bulkPreloads.forEach(flushResourceLate, destination);
-  resources.bulkPreloads.clear(); // Write embedding preloadChunks
+  resumableState.scripts.forEach(flushResourceLate, destination);
+  resumableState.scripts.clear();
+  resumableState.bulkPreloads.forEach(flushResourceLate, destination);
+  resumableState.bulkPreloads.clear(); // Write embedding preloadChunks
 
-  var preloadChunks = responseState.preloadChunks;
+  var preloadChunks = renderState.preloadChunks;
 
   for (i = 0; i < preloadChunks.length; i++) {
     writeChunk(destination, preloadChunks[i]);
@@ -5866,7 +5928,7 @@ function writeHoistables(destination, resources, responseState) {
 
   preloadChunks.length = 0; // Write embedding hoistableChunks
 
-  var hoistableChunks = responseState.hoistableChunks;
+  var hoistableChunks = renderState.hoistableChunks;
 
   for (i = 0; i < hoistableChunks.length; i++) {
     writeChunk(destination, hoistableChunks[i]);
@@ -5874,14 +5936,14 @@ function writeHoistables(destination, resources, responseState) {
 
   hoistableChunks.length = 0;
 }
-function writePostamble(destination, responseState) {
-  if (responseState.hasBody) {
+function writePostamble(destination, resumableState) {
+  if (resumableState.hasBody) {
     writeChunk(destination, endTag1);
     writeChunk(destination, stringToChunk("body"));
     writeChunk(destination, endTag2);
   }
 
-  if (responseState.htmlChunks) {
+  if (resumableState.hasHtml) {
     writeChunk(destination, endTag1);
     writeChunk(destination, stringToChunk("html"));
     writeChunk(destination, endTag2);
@@ -6318,37 +6380,15 @@ var Blocked =
 
 var PreloadFlushed =
   /*     */
-  8; // @TODO add bootstrap script to implicit preloads
-
-function createResources() {
-  return {
-    // persistent
-    preloadsMap: new Map(),
-    preconnectsMap: new Map(),
-    stylesMap: new Map(),
-    scriptsMap: new Map(),
-    // cleared on flush
-    preconnects: new Set(),
-    fontPreloads: new Set(),
-    highImagePreloads: new Set(),
-    // usedImagePreloads: new Set(),
-    precedences: new Map(),
-    stylePrecedences: new Map(),
-    bootstrapScripts: new Set(),
-    scripts: new Set(),
-    bulkPreloads: new Set(),
-    // like a module global for currently rendering boundary
-    boundaryResources: null
-  };
-}
+  8;
 function createBoundaryResources() {
   return new Set();
 }
 function setCurrentlyRenderingBoundaryResourcesTarget(
-  resources,
+  renderState,
   boundaryResources
 ) {
-  resources.boundaryResources = boundaryResources;
+  renderState.boundaryResources = boundaryResources;
 }
 
 function getResourceKey(as, href) {
@@ -6367,7 +6407,7 @@ function prefetchDNS(href, options) {
     return;
   }
 
-  var resources = getResources(request);
+  var resumableState = getResumableState(request);
 
   {
     if (typeof href !== "string" || !href) {
@@ -6395,7 +6435,7 @@ function prefetchDNS(href, options) {
 
   if (typeof href === "string" && href) {
     var key = getResourceKey("prefetchDNS", href);
-    var resource = resources.preconnectsMap.get(key);
+    var resource = resumableState.preconnectsMap.get(key);
 
     if (!resource) {
       resource = {
@@ -6404,14 +6444,14 @@ function prefetchDNS(href, options) {
         state: NoState,
         props: null
       };
-      resources.preconnectsMap.set(key, resource);
+      resumableState.preconnectsMap.set(key, resource);
       pushLinkImpl(resource.chunks, {
         href: href,
         rel: "dns-prefetch"
       });
     }
 
-    resources.preconnects.add(resource);
+    resumableState.preconnects.add(resource);
     flushResources(request);
   }
 }
@@ -6428,7 +6468,7 @@ function preconnect(href, options) {
     return;
   }
 
-  var resources = getResources(request);
+  var resumableState = getResumableState(request);
 
   {
     if (typeof href !== "string" || !href) {
@@ -6461,7 +6501,7 @@ function preconnect(href, options) {
       (crossOrigin === null ? "null" : crossOrigin) +
       "]" +
       href;
-    var resource = resources.preconnectsMap.get(key);
+    var resource = resumableState.preconnectsMap.get(key);
 
     if (!resource) {
       resource = {
@@ -6470,7 +6510,7 @@ function preconnect(href, options) {
         state: NoState,
         props: null
       };
-      resources.preconnectsMap.set(key, resource);
+      resumableState.preconnectsMap.set(key, resource);
       pushLinkImpl(resource.chunks, {
         rel: "preconnect",
         href: href,
@@ -6478,7 +6518,7 @@ function preconnect(href, options) {
       });
     }
 
-    resources.preconnects.add(resource);
+    resumableState.preconnects.add(resource);
     flushResources(request);
   }
 }
@@ -6495,7 +6535,7 @@ function preload(href, options) {
     return;
   }
 
-  var resources = getResources(request);
+  var resumableState = getResumableState(request);
 
   {
     var encountered = "";
@@ -6549,7 +6589,7 @@ function preload(href, options) {
       key = getResourceKey(as, href);
     }
 
-    var resource = resources.preloadsMap.get(key);
+    var resource = resumableState.preloadsMap.get(key);
 
     if (!resource) {
       resource = {
@@ -6558,16 +6598,16 @@ function preload(href, options) {
         state: NoState,
         props: preloadPropsFromPreloadOptions(href, as, options)
       };
-      resources.preloadsMap.set(key, resource);
+      resumableState.preloadsMap.set(key, resource);
       pushLinkImpl(resource.chunks, resource.props);
     }
 
     if (as === "font") {
-      resources.fontPreloads.add(resource);
+      resumableState.fontPreloads.add(resource);
     } else if (as === "image" && options.fetchPriority === "high") {
-      resources.highImagePreloads.add(resource);
+      resumableState.highImagePreloads.add(resource);
     } else {
-      resources.bulkPreloads.add(resource);
+      resumableState.bulkPreloads.add(resource);
     }
 
     flushResources(request);
@@ -6586,7 +6626,7 @@ function preloadModule(href, options) {
     return;
   }
 
-  var resources = getResources(request);
+  var resumableState = getResumableState(request);
 
   {
     var encountered = "";
@@ -6621,7 +6661,7 @@ function preloadModule(href, options) {
   if (typeof href === "string" && href) {
     var as = options && typeof options.as === "string" ? options.as : "script";
     var key = getResourceKey(as, href);
-    var resource = resources.preloadsMap.get(key);
+    var resource = resumableState.preloadsMap.get(key);
 
     if (!resource) {
       resource = {
@@ -6630,11 +6670,11 @@ function preloadModule(href, options) {
         state: NoState,
         props: preloadModulePropsFromPreloadModuleOptions(href, as, options)
       };
-      resources.preloadsMap.set(key, resource);
+      resumableState.preloadsMap.set(key, resource);
       pushLinkImpl(resource.chunks, resource.props);
     }
 
-    resources.bulkPreloads.add(resource);
+    resumableState.bulkPreloads.add(resource);
     flushResources(request);
   }
 }
@@ -6651,7 +6691,7 @@ function preinit(href, options) {
     return;
   }
 
-  var resources = getResources(request);
+  var resumableState = getResumableState(request);
 
   {
     if (typeof href !== "string" || !href) {
@@ -6683,12 +6723,12 @@ function preinit(href, options) {
     switch (as) {
       case "style": {
         var key = getResourceKey(as, href);
-        var resource = resources.stylesMap.get(key);
+        var resource = resumableState.stylesMap.get(key);
         var precedence = options.precedence || "default";
 
         if (!resource) {
           var state = NoState;
-          var preloadResource = resources.preloadsMap.get(key);
+          var preloadResource = resumableState.preloadsMap.get(key);
 
           if (preloadResource && preloadResource.state & Flushed) {
             state = PreloadFlushed;
@@ -6700,12 +6740,12 @@ function preinit(href, options) {
             state: state,
             props: stylesheetPropsFromPreinitOptions(href, precedence, options)
           };
-          resources.stylesMap.set(key, resource);
-          var precedenceSet = resources.precedences.get(precedence);
+          resumableState.stylesMap.set(key, resource);
+          var precedenceSet = resumableState.precedences.get(precedence);
 
           if (!precedenceSet) {
             precedenceSet = new Set();
-            resources.precedences.set(precedence, precedenceSet);
+            resumableState.precedences.set(precedence, precedenceSet);
             var emptyStyleResource = {
               type: "style",
               chunks: [],
@@ -6718,7 +6758,7 @@ function preinit(href, options) {
             precedenceSet.add(emptyStyleResource);
 
             {
-              if (resources.stylePrecedences.has(precedence)) {
+              if (resumableState.stylePrecedences.has(precedence)) {
                 error(
                   'React constructed an empty style resource when a style resource already exists for this precedence: "%s". This is a bug in React.',
                   precedence
@@ -6726,7 +6766,7 @@ function preinit(href, options) {
               }
             }
 
-            resources.stylePrecedences.set(precedence, emptyStyleResource);
+            resumableState.stylePrecedences.set(precedence, emptyStyleResource);
           }
 
           precedenceSet.add(resource);
@@ -6741,7 +6781,7 @@ function preinit(href, options) {
 
         var _key = getResourceKey(as, src);
 
-        var _resource = resources.scriptsMap.get(_key);
+        var _resource = resumableState.scriptsMap.get(_key);
 
         if (!_resource) {
           _resource = {
@@ -6750,9 +6790,9 @@ function preinit(href, options) {
             state: NoState,
             props: null
           };
-          resources.scriptsMap.set(_key, _resource);
+          resumableState.scriptsMap.set(_key, _resource);
           var resourceProps = scriptPropsFromPreinitOptions(src, options);
-          resources.scripts.add(_resource);
+          resumableState.scripts.add(_resource);
           pushScriptImpl(_resource.chunks, resourceProps);
           flushResources(request);
         }
@@ -6775,7 +6815,7 @@ function preinitModule(href, options) {
     return;
   }
 
-  var resources = getResources(request);
+  var resumableState = getResumableState(request);
 
   {
     var encountered = "";
@@ -6837,7 +6877,7 @@ function preinitModule(href, options) {
       case "script": {
         var src = href;
         var key = getResourceKey(_as, src);
-        var resource = resources.scriptsMap.get(key);
+        var resource = resumableState.scriptsMap.get(key);
 
         if (!resource) {
           resource = {
@@ -6846,9 +6886,9 @@ function preinitModule(href, options) {
             state: NoState,
             props: null
           };
-          resources.scriptsMap.set(key, resource);
+          resumableState.scriptsMap.set(key, resource);
           var resourceProps = modulePropsFromPreinitModuleOptions(src, options);
-          resources.scripts.add(resource);
+          resumableState.scripts.add(resource);
           pushScriptImpl(resource.chunks, resourceProps);
           flushResources(request);
         }
@@ -6862,11 +6902,17 @@ function preinitModule(href, options) {
 // scripts at any other point in time we will need to check whether the preload
 // already exists and not assume it
 
-function preloadBootstrapScript(resources, src, nonce, integrity, crossOrigin) {
+function preloadBootstrapScript(
+  resumableState,
+  src,
+  nonce,
+  integrity,
+  crossOrigin
+) {
   var key = getResourceKey("script", src);
 
   {
-    if (resources.preloadsMap.has(key)) {
+    if (resumableState.preloadsMap.has(key)) {
       // This is coded as a React error because it should be impossible for a userspace preload to preempt this call
       // If a userspace preload can preempt it then this assumption is broken and we need to reconsider this strategy
       // rather than instruct the user to not preload their bootstrap scripts themselves
@@ -6892,19 +6938,25 @@ function preloadBootstrapScript(resources, src, nonce, integrity, crossOrigin) {
     state: NoState,
     props: props
   };
-  resources.preloadsMap.set(key, resource);
-  resources.bootstrapScripts.add(resource);
+  resumableState.preloadsMap.set(key, resource);
+  resumableState.bootstrapScripts.add(resource);
   pushLinkImpl(resource.chunks, props);
 } // This function is only safe to call at Request start time since it assumes
 // that each module has not already been preloaded. If we find a need to preload
 // scripts at any other point in time we will need to check whether the preload
 // already exists and not assume it
 
-function preloadBootstrapModule(resources, src, nonce, integrity, crossOrigin) {
+function preloadBootstrapModule(
+  resumableState,
+  src,
+  nonce,
+  integrity,
+  crossOrigin
+) {
   var key = getResourceKey("script", src);
 
   {
-    if (resources.preloadsMap.has(key)) {
+    if (resumableState.preloadsMap.has(key)) {
       // This is coded as a React error because it should be impossible for a userspace preload to preempt this call
       // If a userspace preload can preempt it then this assumption is broken and we need to reconsider this strategy
       // rather than instruct the user to not preload their bootstrap scripts themselves
@@ -6929,15 +6981,15 @@ function preloadBootstrapModule(resources, src, nonce, integrity, crossOrigin) {
     state: NoState,
     props: props
   };
-  resources.preloadsMap.set(key, resource);
-  resources.bootstrapScripts.add(resource);
+  resumableState.preloadsMap.set(key, resource);
+  resumableState.bootstrapScripts.add(resource);
   pushLinkImpl(resource.chunks, props);
   return;
 }
 
-function internalPreinitScript(resources, src, chunks) {
+function internalPreinitScript(resumableState, src, chunks) {
   var key = getResourceKey("script", src);
-  var resource = resources.scriptsMap.get(key);
+  var resource = resumableState.scriptsMap.get(key);
 
   if (!resource) {
     resource = {
@@ -6946,8 +6998,8 @@ function internalPreinitScript(resources, src, chunks) {
       state: NoState,
       props: null
     };
-    resources.scriptsMap.set(key, resource);
-    resources.scripts.add(resource);
+    resumableState.scriptsMap.set(key, resource);
+    resumableState.scripts.add(resource);
   }
 
   return;
@@ -7054,82 +7106,58 @@ function hoistStyleResource(resource) {
   this.add(resource);
 }
 
-function hoistResources(resources, source) {
-  var currentBoundaryResources = resources.boundaryResources;
+function hoistResources(renderState, source) {
+  var currentBoundaryResources = renderState.boundaryResources;
 
   if (currentBoundaryResources) {
     source.forEach(hoistStyleResource, currentBoundaryResources);
   }
 }
 
-function createResponseState(
-  resources,
-  generateStaticMarkup,
-  identifierPrefix,
-  externalRuntimeConfig
-) {
-  var responseState = createResponseState$1(
-    resources,
-    identifierPrefix,
-    undefined,
-    undefined,
-    undefined,
-    undefined,
-    externalRuntimeConfig
-  );
+function createRenderState(resumableState, nonce, generateStaticMarkup) {
+  var renderState = createRenderState$1(resumableState, nonce);
   return {
     // Keep this in sync with ReactFizzConfigDOM
-    bootstrapChunks: responseState.bootstrapChunks,
-    placeholderPrefix: responseState.placeholderPrefix,
-    segmentPrefix: responseState.segmentPrefix,
-    boundaryPrefix: responseState.boundaryPrefix,
-    idPrefix: responseState.idPrefix,
-    nextSuspenseID: responseState.nextSuspenseID,
-    streamingFormat: responseState.streamingFormat,
-    startInlineScript: responseState.startInlineScript,
-    instructions: responseState.instructions,
-    externalRuntimeScript: responseState.externalRuntimeScript,
-    htmlChunks: responseState.htmlChunks,
-    headChunks: responseState.headChunks,
-    hasBody: responseState.hasBody,
-    charsetChunks: responseState.charsetChunks,
-    preconnectChunks: responseState.preconnectChunks,
-    preloadChunks: responseState.preloadChunks,
-    hoistableChunks: responseState.hoistableChunks,
-    stylesToHoist: responseState.stylesToHoist,
+    placeholderPrefix: renderState.placeholderPrefix,
+    segmentPrefix: renderState.segmentPrefix,
+    boundaryPrefix: renderState.boundaryPrefix,
+    startInlineScript: renderState.startInlineScript,
+    htmlChunks: renderState.htmlChunks,
+    headChunks: renderState.headChunks,
+    charsetChunks: renderState.charsetChunks,
+    preconnectChunks: renderState.preconnectChunks,
+    preloadChunks: renderState.preloadChunks,
+    hoistableChunks: renderState.hoistableChunks,
+    boundaryResources: renderState.boundaryResources,
+    stylesToHoist: renderState.stylesToHoist,
     // This is an extra field for the legacy renderer
     generateStaticMarkup: generateStaticMarkup
   };
 }
 
 var doctypeChunk = stringToPrecomputedChunk("");
-function pushTextInstance(target, text, responseState, textEmbedded) {
-  if (responseState.generateStaticMarkup) {
+function pushTextInstance(target, text, renderState, textEmbedded) {
+  if (renderState.generateStaticMarkup) {
     target.push(stringToChunk(escapeTextForBrowser(text)));
     return false;
   } else {
-    return pushTextInstance$1(target, text, responseState, textEmbedded);
+    return pushTextInstance$1(target, text, renderState, textEmbedded);
   }
 }
-function pushSegmentFinale(
-  target,
-  responseState,
-  lastPushedText,
-  textEmbedded
-) {
-  if (responseState.generateStaticMarkup) {
+function pushSegmentFinale(target, renderState, lastPushedText, textEmbedded) {
+  if (renderState.generateStaticMarkup) {
     return;
   } else {
     return pushSegmentFinale$1(
       target,
-      responseState,
+      renderState,
       lastPushedText,
       textEmbedded
     );
   }
 }
-function writeStartCompletedSuspenseBoundary(destination, responseState) {
-  if (responseState.generateStaticMarkup) {
+function writeStartCompletedSuspenseBoundary(destination, renderState) {
+  if (renderState.generateStaticMarkup) {
     // A completed boundary is done and doesn't need a representation in the HTML
     // if we're not going to be hydrating it.
     return true;
@@ -7139,12 +7167,12 @@ function writeStartCompletedSuspenseBoundary(destination, responseState) {
 }
 function writeStartClientRenderedSuspenseBoundary(
   destination,
-  responseState, // flushing these error arguments are not currently supported in this legacy streaming format.
+  renderState, // flushing these error arguments are not currently supported in this legacy streaming format.
   errorDigest,
   errorMessage,
   errorComponentStack
 ) {
-  if (responseState.generateStaticMarkup) {
+  if (renderState.generateStaticMarkup) {
     // A client rendered boundary is done and doesn't need a representation in the HTML
     // since we'll never hydrate it. This is arguably an error in static generation.
     return true;
@@ -7152,21 +7180,21 @@ function writeStartClientRenderedSuspenseBoundary(
 
   return writeStartClientRenderedSuspenseBoundary$1(
     destination,
-    responseState,
+    renderState,
     errorDigest,
     errorMessage,
     errorComponentStack
   );
 }
-function writeEndCompletedSuspenseBoundary(destination, responseState) {
-  if (responseState.generateStaticMarkup) {
+function writeEndCompletedSuspenseBoundary(destination, renderState) {
+  if (renderState.generateStaticMarkup) {
     return true;
   }
 
   return writeEndCompletedSuspenseBoundary$1(destination);
 }
-function writeEndClientRenderedSuspenseBoundary(destination, responseState) {
-  if (responseState.generateStaticMarkup) {
+function writeEndClientRenderedSuspenseBoundary(destination, renderState) {
+  if (renderState.generateStaticMarkup) {
     return true;
   }
 
@@ -9543,16 +9571,16 @@ function useOptimistic(passthrough, reducer) {
 function useId() {
   var task = currentlyRenderingTask;
   var treeId = getTreeId(task.treeContext);
-  var responseState = currentResponseState;
+  var resumableState = currentResumableState;
 
-  if (responseState === null) {
+  if (resumableState === null) {
     throw new Error(
       "Invalid hook call. Hooks can only be called inside of the body of a function component."
     );
   }
 
   var localId = localIdCounter++;
-  return makeId(responseState, treeId, localId);
+  return makeId(resumableState, treeId, localId);
 }
 
 function use(usable) {
@@ -9645,9 +9673,9 @@ if (enableAsyncActions) {
   HooksDispatcher.useOptimistic = useOptimistic;
 }
 
-var currentResponseState = null;
-function setCurrentResponseState(responseState) {
-  currentResponseState = responseState;
+var currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
 }
 
 function getCacheSignal() {
@@ -9733,8 +9761,8 @@ function noop() {}
 
 function createRequest(
   children,
-  resources,
-  responseState,
+  resumableState,
+  renderState,
   rootFormatContext,
   progressiveChunkSize,
   onError,
@@ -9750,7 +9778,8 @@ function createRequest(
   var request = {
     destination: null,
     flushScheduled: false,
-    responseState: responseState,
+    resumableState: resumableState,
+    renderState: renderState,
     progressiveChunkSize:
       progressiveChunkSize === undefined
         ? DEFAULT_PROGRESSIVE_CHUNK_SIZE
@@ -9760,7 +9789,6 @@ function createRequest(
     nextSegmentId: 0,
     allPendingTasks: 0,
     pendingRootTasks: 0,
-    resources: resources,
     completedRootSegment: null,
     abortableTasks: abortSet,
     pingedTasks: pingedTasks,
@@ -10061,7 +10089,7 @@ function renderSuspenseBoundary(request, task, props) {
 
   {
     setCurrentlyRenderingBoundaryResourcesTarget(
-      request.resources,
+      request.renderState,
       newBoundary.resources
     );
   }
@@ -10071,7 +10099,7 @@ function renderSuspenseBoundary(request, task, props) {
     renderNode(request, task, content, 0);
     pushSegmentFinale(
       contentRootSegment.chunks,
-      request.responseState,
+      request.renderState,
       contentRootSegment.lastPushedText,
       contentRootSegment.textEmbedded
     );
@@ -10104,7 +10132,7 @@ function renderSuspenseBoundary(request, task, props) {
   } finally {
     {
       setCurrentlyRenderingBoundaryResourcesTarget(
-        request.resources,
+        request.renderState,
         parentBoundary ? parentBoundary.resources : null
       );
     }
@@ -10143,8 +10171,8 @@ function renderHostElement(request, task, type, props) {
     segment.chunks,
     type,
     props,
-    request.resources,
-    request.responseState,
+    request.resumableState,
+    request.renderState,
     segment.formatContext,
     segment.lastPushedText
   );
@@ -10161,7 +10189,7 @@ function renderHostElement(request, task, type, props) {
     segment.chunks,
     type,
     props,
-    request.responseState,
+    request.resumableState,
     prevContext
   );
   segment.lastPushedText = false;
@@ -10913,7 +10941,7 @@ function renderNodeDestructiveImpl(
     segment.lastPushedText = pushTextInstance(
       task.blockedSegment.chunks,
       node,
-      request.responseState,
+      request.renderState,
       segment.lastPushedText
     );
     return;
@@ -10924,7 +10952,7 @@ function renderNodeDestructiveImpl(
     _segment.lastPushedText = pushTextInstance(
       task.blockedSegment.chunks,
       "" + node,
-      request.responseState,
+      request.renderState,
       _segment.lastPushedText
     );
     return;
@@ -11295,7 +11323,7 @@ function retryTask(request, task) {
   {
     var blockedBoundary = task.blockedBoundary;
     setCurrentlyRenderingBoundaryResourcesTarget(
-      request.resources,
+      request.renderState,
       blockedBoundary ? blockedBoundary.resources : null
     );
   }
@@ -11331,7 +11359,7 @@ function retryTask(request, task) {
     renderNodeDestructive(request, task, prevThenableState, task.node, 0);
     pushSegmentFinale(
       segment.chunks,
-      request.responseState,
+      request.renderState,
       segment.lastPushedText,
       segment.textEmbedded
     );
@@ -11364,7 +11392,7 @@ function retryTask(request, task) {
     }
   } finally {
     {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.resources, null);
+      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
     }
 
     {
@@ -11397,8 +11425,8 @@ function performWork(request) {
     ReactDebugCurrentFrame.getCurrentStack = getCurrentStackInDEV;
   }
 
-  var prevResponseState = currentResponseState;
-  setCurrentResponseState(request.responseState);
+  var prevResumableState = currentResumableState;
+  setCurrentResumableState(request.resumableState);
 
   try {
     var pingedTasks = request.pingedTasks;
@@ -11418,7 +11446,7 @@ function performWork(request) {
     logRecoverableError(request, error);
     fatalError(request, error);
   } finally {
-    setCurrentResponseState(prevResponseState);
+    setCurrentResumableState(prevResumableState);
     ReactCurrentDispatcher.current = prevDispatcher;
 
     {
@@ -11455,7 +11483,7 @@ function flushSubtree(request, destination, segment) {
 
       segment.lastPushedText = false;
       segment.textEmbedded = false;
-      return writePlaceholder(destination, request.responseState, segmentID);
+      return writePlaceholder(destination, request.renderState, segmentID);
     }
 
     case COMPLETED: {
@@ -11510,7 +11538,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(
       destination,
-      request.responseState,
+      request.renderState,
       boundary.errorDigest,
       boundary.errorMessage,
       boundary.errorComponentStack
@@ -11519,7 +11547,7 @@ function flushSegment(request, destination, segment) {
     flushSubtree(request, destination, segment);
     return writeEndClientRenderedSuspenseBoundary(
       destination,
-      request.responseState
+      request.renderState
     );
   } else if (boundary.pendingTasks > 0) {
     // This boundary is still loading. Emit a pending suspense boundary wrapper.
@@ -11531,8 +11559,11 @@ function flushSegment(request, destination, segment) {
       request.partialBoundaries.push(boundary);
     } /// This is the first time we should have referenced this ID.
 
-    var id = (boundary.id = assignSuspenseBoundaryID(request.responseState));
-    writeStartPendingSuspenseBoundary(destination, request.responseState, id); // Flush the fallback.
+    var id = (boundary.id = assignSuspenseBoundaryID(
+      request.renderState,
+      request.resumableState
+    ));
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
 
     flushSubtree(request, destination, segment);
     return writeEndPendingSuspenseBoundary(destination);
@@ -11548,7 +11579,7 @@ function flushSegment(request, destination, segment) {
 
     writeStartPendingSuspenseBoundary(
       destination,
-      request.responseState,
+      request.renderState,
       boundary.id
     ); // Flush the fallback.
 
@@ -11556,10 +11587,10 @@ function flushSegment(request, destination, segment) {
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.resources, boundary.resources);
+      hoistResources(request.renderState, boundary.resources);
     } // We can inline this boundary's content as a complete boundary.
 
-    writeStartCompletedSuspenseBoundary(destination, request.responseState);
+    writeStartCompletedSuspenseBoundary(destination, request.renderState);
     var completedSegments = boundary.completedSegments;
 
     if (completedSegments.length !== 1) {
@@ -11570,17 +11601,15 @@ function flushSegment(request, destination, segment) {
 
     var contentSegment = completedSegments[0];
     flushSegment(request, destination, contentSegment);
-    return writeEndCompletedSuspenseBoundary(
-      destination,
-      request.responseState
-    );
+    return writeEndCompletedSuspenseBoundary(destination, request.renderState);
   }
 }
 
 function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(
     destination,
-    request.responseState,
+    request.resumableState,
+    request.renderState,
     boundary.id,
     boundary.errorDigest,
     boundary.errorMessage,
@@ -11591,7 +11620,7 @@ function flushClientRenderedBoundary(request, destination, boundary) {
 function flushSegmentContainer(request, destination, segment) {
   writeStartSegment(
     destination,
-    request.responseState,
+    request.renderState,
     segment.formatContext,
     segment.id
   );
@@ -11602,7 +11631,7 @@ function flushSegmentContainer(request, destination, segment) {
 function flushCompletedBoundary(request, destination, boundary) {
   {
     setCurrentlyRenderingBoundaryResourcesTarget(
-      request.resources,
+      request.renderState,
       boundary.resources
     );
   }
@@ -11621,13 +11650,14 @@ function flushCompletedBoundary(request, destination, boundary) {
     writeResourcesForBoundary(
       destination,
       boundary.resources,
-      request.responseState
+      request.renderState
     );
   }
 
   return writeCompletedBoundaryInstruction(
     destination,
-    request.responseState,
+    request.resumableState,
+    request.renderState,
     boundary.id,
     boundary.rootSegmentID,
     boundary.resources
@@ -11637,7 +11667,7 @@ function flushCompletedBoundary(request, destination, boundary) {
 function flushPartialBoundary(request, destination, boundary) {
   {
     setCurrentlyRenderingBoundaryResourcesTarget(
-      request.resources,
+      request.renderState,
       boundary.resources
     );
   }
@@ -11669,7 +11699,7 @@ function flushPartialBoundary(request, destination, boundary) {
     return writeResourcesForBoundary(
       destination,
       boundary.resources,
-      request.responseState
+      request.renderState
     );
   }
 }
@@ -11703,7 +11733,8 @@ function flushPartiallyCompletedSegment(
     flushSegmentContainer(request, destination, segment);
     return writeCompletedSegmentInstruction(
       destination,
-      request.responseState,
+      request.resumableState,
+      request.renderState,
       segmentID
     );
   }
@@ -11723,15 +11754,15 @@ function flushCompletedQueues(request, destination) {
         if (enableFloat) {
           writePreamble(
             destination,
-            request.resources,
-            request.responseState,
+            request.resumableState,
+            request.renderState,
             request.allPendingTasks === 0
           );
         }
 
         flushSegment(request, destination, completedRootSegment);
         request.completedRootSegment = null;
-        writeCompletedRoot(destination, request.responseState);
+        writeCompletedRoot(destination, request.resumableState);
       } else {
         // We haven't flushed the root yet so we don't need to check any other branches further down
         return;
@@ -11742,7 +11773,7 @@ function flushCompletedQueues(request, destination) {
     }
 
     if (enableFloat) {
-      writeHoistables(destination, request.resources, request.responseState);
+      writeHoistables(destination, request.resumableState, request.renderState);
     } // We emit client rendering instructions for already emitted boundaries first.
     // This is so that we can signal to the client to start client rendering them as
     // soon as possible.
@@ -11827,7 +11858,7 @@ function flushCompletedQueues(request, destination) {
       request.flushScheduled = false;
 
       {
-        writePostamble(destination, request.responseState);
+        writePostamble(destination, request.resumableState);
       }
 
       {
@@ -11920,9 +11951,9 @@ function abort(request, reason) {
 function flushResources(request) {
   enqueueFlush(request);
 }
-function getResources(request) {
-  return request.resources;
-}
+function getResumableState(request) {
+  return request.resumableState;
+} // Returns the state of a postponed request or null if nothing was postponed.
 
 function onError() {
   // Non-fatal errors are ignored.
@@ -11932,8 +11963,7 @@ function renderToStringImpl(
   children,
   options,
   generateStaticMarkup,
-  abortReason,
-  unstable_externalRuntimeSrc
+  abortReason
 ) {
   var didFatal = false;
   var fatalError = null;
@@ -11959,16 +11989,18 @@ function renderToStringImpl(
     readyToStream = true;
   }
 
-  var resources = createResources();
+  var resumableState = createResumableState(
+    options ? options.identifierPrefix : undefined,
+    undefined,
+    undefined,
+    undefined,
+    undefined,
+    undefined
+  );
   var request = createRequest(
     children,
-    resources,
-    createResponseState(
-      resources,
-      generateStaticMarkup,
-      options ? options.identifierPrefix : undefined,
-      unstable_externalRuntimeSrc
-    ),
+    resumableState,
+    createRenderState(resumableState, undefined, generateStaticMarkup),
     createRootFormatContext(),
     Infinity,
     onError,
diff --git a/compiled/facebook-www/ReactDOMServer-dev.modern.js b/compiled/facebook-www/ReactDOMServer-dev.modern.js
index d065237d12..dae8ea78bc 100644
--- a/compiled/facebook-www/ReactDOMServer-dev.modern.js
+++ b/compiled/facebook-www/ReactDOMServer-dev.modern.js
@@ -19,7 +19,7 @@ if (__DEV__) {
 var React = require("react");
 var ReactDOM = require("react-dom");
 
-var ReactVersion = "18.3.0-www-modern-283d577d";
+var ReactVersion = "18.3.0-www-modern-55656960";
 
 // This refers to a WWW module.
 var warningWWW = require("warning");
@@ -1895,6 +1895,10 @@ var SentClientRenderFunction =
 var SentStyleInsertionFunction =
   /*       */
   8;
+// This cannot be resumed and therefore should only contain things that are
+// temporary working state or are never used in the prerender pass.
+// Per response, global state that is not contextual to the rendering subtree.
+// This is resumable and therefore should be serializable.
 
 var dataElementQuotedEnd = stringToPrecomputedChunk('"></template>');
 var startInlineScript = stringToPrecomputedChunk("<script>");
@@ -1932,8 +1936,32 @@ var scriptReplacer = function (match, prefix, s, suffix) {
 // if passed externalRuntimeConfig and the enableFizzExternalRuntime feature flag
 // is set, the server will send instructions via data attributes (instead of inline scripts)
 
-function createResponseState$1(
-  resources,
+function createRenderState$1(resumableState, nonce) {
+  var inlineScriptWithNonce =
+    nonce === undefined
+      ? startInlineScript
+      : stringToPrecomputedChunk(
+          '<script nonce="' + escapeTextForBrowser(nonce) + '">'
+        );
+  var idPrefix = resumableState.idPrefix;
+  return {
+    placeholderPrefix: stringToPrecomputedChunk(idPrefix + "P:"),
+    segmentPrefix: stringToPrecomputedChunk(idPrefix + "S:"),
+    boundaryPrefix: idPrefix + "B:",
+    startInlineScript: inlineScriptWithNonce,
+    htmlChunks: null,
+    headChunks: null,
+    charsetChunks: [],
+    preconnectChunks: [],
+    preloadChunks: [],
+    hoistableChunks: [],
+    nonce: nonce,
+    // like a module global for currently rendering boundary
+    boundaryResources: null,
+    stylesToHoist: false
+  };
+}
+function createResumableState(
   identifierPrefix,
   nonce,
   bootstrapScriptContent,
@@ -1942,17 +1970,17 @@ function createResponseState$1(
   externalRuntimeConfig
 ) {
   var idPrefix = identifierPrefix === undefined ? "" : identifierPrefix;
-  var inlineScriptWithNonce =
-    nonce === undefined
-      ? startInlineScript
-      : stringToPrecomputedChunk(
-          '<script nonce="' + escapeTextForBrowser(nonce) + '">'
-        );
   var bootstrapChunks = [];
-  var externalRuntimeScript = null;
   var streamingFormat = ScriptStreamingFormat;
+  var externalRuntimeScript = null;
 
   if (bootstrapScriptContent !== undefined) {
+    var inlineScriptWithNonce =
+      nonce === undefined
+        ? startInlineScript
+        : stringToPrecomputedChunk(
+            '<script nonce="' + escapeTextForBrowser(nonce) + '">'
+          );
     bootstrapChunks.push(
       inlineScriptWithNonce,
       stringToChunk(escapeBootstrapScriptContent(bootstrapScriptContent)),
@@ -1990,6 +2018,33 @@ function createResponseState$1(
     }
   }
 
+  var resumableState = {
+    externalRuntimeScript: externalRuntimeScript,
+    bootstrapChunks: bootstrapChunks,
+    idPrefix: idPrefix,
+    nextSuspenseID: 0,
+    streamingFormat: streamingFormat,
+    instructions: NothingSent,
+    hasBody: false,
+    hasHtml: false,
+    // @TODO add bootstrap script to implicit preloads
+    // persistent
+    preloadsMap: new Map(),
+    preconnectsMap: new Map(),
+    stylesMap: new Map(),
+    scriptsMap: new Map(),
+    // cleared on flush
+    preconnects: new Set(),
+    fontPreloads: new Set(),
+    highImagePreloads: new Set(),
+    // usedImagePreloads: new Set(),
+    precedences: new Map(),
+    stylePrecedences: new Map(),
+    bootstrapScripts: new Set(),
+    scripts: new Set(),
+    bulkPreloads: new Set()
+  };
+
   if (bootstrapScripts !== undefined) {
     for (var i = 0; i < bootstrapScripts.length; i++) {
       var scriptConfig = bootstrapScripts[i];
@@ -2003,7 +2058,13 @@ function createResponseState$1(
           : scriptConfig.crossOrigin === "use-credentials"
           ? "use-credentials"
           : "";
-      preloadBootstrapScript(resources, src, nonce, integrity, crossOrigin);
+      preloadBootstrapScript(
+        resumableState,
+        src,
+        nonce,
+        integrity,
+        crossOrigin
+      );
       bootstrapChunks.push(
         startScriptSrc,
         stringToChunk(escapeTextForBrowser(src))
@@ -2051,7 +2112,13 @@ function createResponseState$1(
           ? "use-credentials"
           : "";
 
-      preloadBootstrapModule(resources, _src, nonce, _integrity, _crossOrigin);
+      preloadBootstrapModule(
+        resumableState,
+        _src,
+        nonce,
+        _integrity,
+        _crossOrigin
+      );
       bootstrapChunks.push(
         startModuleSrc,
         stringToChunk(escapeTextForBrowser(_src))
@@ -2082,27 +2149,7 @@ function createResponseState$1(
     }
   }
 
-  return {
-    bootstrapChunks: bootstrapChunks,
-    placeholderPrefix: stringToPrecomputedChunk(idPrefix + "P:"),
-    segmentPrefix: stringToPrecomputedChunk(idPrefix + "S:"),
-    boundaryPrefix: idPrefix + "B:",
-    idPrefix: idPrefix,
-    nextSuspenseID: 0,
-    streamingFormat: streamingFormat,
-    startInlineScript: inlineScriptWithNonce,
-    instructions: NothingSent,
-    externalRuntimeScript: externalRuntimeScript,
-    htmlChunks: null,
-    headChunks: null,
-    hasBody: false,
-    charsetChunks: [],
-    preconnectChunks: [],
-    preloadChunks: [],
-    hoistableChunks: [],
-    stylesToHoist: false,
-    nonce: nonce
-  };
+  return resumableState;
 } // Constants for the insertion mode we're currently writing in. We don't encode all HTML5 insertion
 // modes. We only include the variants as they matter for the sake of our purposes.
 // We don't actually provide the namespace therefore we use constants instead of the string.
@@ -2232,14 +2279,14 @@ function getChildFormatContext(parentContext, type, props) {
   return parentContext;
 }
 var UNINITIALIZED_SUSPENSE_BOUNDARY_ID = null;
-function assignSuspenseBoundaryID(responseState) {
-  var generatedID = responseState.nextSuspenseID++;
+function assignSuspenseBoundaryID(renderState, resumableState) {
+  var generatedID = resumableState.nextSuspenseID++;
   return stringToPrecomputedChunk(
-    responseState.boundaryPrefix + generatedID.toString(16)
+    renderState.boundaryPrefix + generatedID.toString(16)
   );
 }
-function makeId(responseState, treeId, localId) {
-  var idPrefix = responseState.idPrefix;
+function makeId(resumableState, treeId, localId) {
+  var idPrefix = resumableState.idPrefix;
   var id = ":" + idPrefix + "R" + treeId; // Unless this is the first id at this level, append a number at the end
   // that represents the position of this useId hook among all the useId
   // hooks for this fiber.
@@ -2256,7 +2303,7 @@ function encodeHTMLTextNode(text) {
 }
 
 var textSeparator = stringToPrecomputedChunk("<!-- -->");
-function pushTextInstance$1(target, text, responseState, textEmbedded) {
+function pushTextInstance$1(target, text, renderState, textEmbedded) {
   if (text === "") {
     // Empty text doesn't have a DOM node representation and the hydration is aware of this.
     return textEmbedded;
@@ -2273,7 +2320,7 @@ function pushTextInstance$1(target, text, responseState, textEmbedded) {
 
 function pushSegmentFinale$1(
   target,
-  responseState,
+  renderState,
   lastPushedText,
   textEmbedded
 ) {
@@ -2449,7 +2496,8 @@ function pushAdditionalFormFields(target, formData) {
 
 function pushFormActionAttribute(
   target,
-  responseState,
+  resumableState,
+  renderState,
   formAction,
   formEncType,
   formMethod,
@@ -2842,7 +2890,7 @@ function pushInnerHTML(target, innerHTML, children) {
       target.push(stringToChunk("" + html));
     }
   }
-} // TODO: Move these to ResponseState so that we warn for every request.
+} // TODO: Move these to RenderState so that we warn for every request.
 // It would help debugging in stateful servers (e.g. service worker).
 
 var didWarnDefaultInputValue = false;
@@ -3084,7 +3132,7 @@ function pushStartOption(target, props, formatContext) {
   return children;
 }
 
-function pushStartForm(target, props, responseState) {
+function pushStartForm(target, props, resumableState, renderState) {
   target.push(startChunkForTag("form"));
   var children = null;
   var innerHTML = null;
@@ -3163,7 +3211,7 @@ function pushStartForm(target, props, responseState) {
   return children;
 }
 
-function pushInput(target, props, responseState) {
+function pushInput(target, props, resumableState, renderState) {
   {
     checkControlledValueProps("input", props);
   }
@@ -3256,7 +3304,8 @@ function pushInput(target, props, responseState) {
 
   var formData = pushFormActionAttribute(
     target,
-    responseState,
+    resumableState,
+    renderState,
     formAction,
     formEncType,
     formMethod,
@@ -3314,7 +3363,7 @@ function pushInput(target, props, responseState) {
   return null;
 }
 
-function pushStartButton(target, props, responseState) {
+function pushStartButton(target, props, resumableState, renderState) {
   target.push(startChunkForTag("button"));
   var children = null;
   var innerHTML = null;
@@ -3385,7 +3434,8 @@ function pushStartButton(target, props, responseState) {
 
   var formData = pushFormActionAttribute(
     target,
-    responseState,
+    resumableState,
+    renderState,
     formAction,
     formEncType,
     formMethod,
@@ -3536,7 +3586,7 @@ function pushStartTextArea(target, props) {
 function pushMeta(
   target,
   props,
-  responseState,
+  renderState,
   textEmbedded,
   insertionMode,
   noscriptTagInScope
@@ -3556,12 +3606,12 @@ function pushMeta(
       }
 
       if (typeof props.charSet === "string") {
-        return pushSelfClosing(responseState.charsetChunks, props, "meta");
+        return pushSelfClosing(renderState.charsetChunks, props, "meta");
       } else if (props.name === "viewport") {
         // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(responseState.preconnectChunks, props, "meta");
+        return pushSelfClosing(renderState.preconnectChunks, props, "meta");
       } else {
-        return pushSelfClosing(responseState.hoistableChunks, props, "meta");
+        return pushSelfClosing(renderState.hoistableChunks, props, "meta");
       }
     }
   }
@@ -3570,8 +3620,8 @@ function pushMeta(
 function pushLink(
   target,
   props,
-  responseState,
-  resources,
+  resumableState,
+  renderState,
   textEmbedded,
   insertionMode,
   noscriptTagInScope
@@ -3643,11 +3693,11 @@ function pushLink(
         return pushLinkImpl(target, props);
       } else {
         // This stylesheet refers to a Resource and we create a new one if necessary
-        var resource = resources.stylesMap.get(key);
+        var resource = resumableState.stylesMap.get(key);
 
         if (!resource) {
           var resourceProps = stylesheetPropsFromRawProps(props);
-          var preloadResource = resources.preloadsMap.get(key);
+          var preloadResource = resumableState.preloadsMap.get(key);
           var state = NoState;
 
           if (preloadResource) {
@@ -3670,12 +3720,12 @@ function pushLink(
             state: state,
             props: resourceProps
           };
-          resources.stylesMap.set(key, resource);
-          var precedenceSet = resources.precedences.get(precedence);
+          resumableState.stylesMap.set(key, resource);
+          var precedenceSet = resumableState.precedences.get(precedence);
 
           if (!precedenceSet) {
             precedenceSet = new Set();
-            resources.precedences.set(precedence, precedenceSet);
+            resumableState.precedences.set(precedence, precedenceSet);
             var emptyStyleResource = {
               type: "style",
               chunks: [],
@@ -3688,7 +3738,7 @@ function pushLink(
             precedenceSet.add(emptyStyleResource);
 
             {
-              if (resources.stylePrecedences.has(precedence)) {
+              if (resumableState.stylePrecedences.has(precedence)) {
                 error(
                   'React constructed an empty style resource when a style resource already exists for this precedence: "%s". This is a bug in React.',
                   precedence
@@ -3696,14 +3746,14 @@ function pushLink(
               }
             }
 
-            resources.stylePrecedences.set(precedence, emptyStyleResource);
+            resumableState.stylePrecedences.set(precedence, emptyStyleResource);
           }
 
           precedenceSet.add(resource);
         }
 
-        if (resources.boundaryResources) {
-          resources.boundaryResources.add(resource);
+        if (renderState.boundaryResources) {
+          renderState.boundaryResources.add(resource);
         }
 
         if (textEmbedded) {
@@ -3730,13 +3780,13 @@ function pushLink(
       switch (props.rel) {
         case "preconnect":
         case "dns-prefetch":
-          return pushLinkImpl(responseState.preconnectChunks, props);
+          return pushLinkImpl(renderState.preconnectChunks, props);
 
         case "preload":
-          return pushLinkImpl(responseState.preloadChunks, props);
+          return pushLinkImpl(renderState.preloadChunks, props);
 
         default:
-          return pushLinkImpl(responseState.hoistableChunks, props);
+          return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -3776,7 +3826,8 @@ function pushLinkImpl(target, props) {
 function pushStyle(
   target,
   props,
-  resources,
+  resumableState,
+  renderState,
   textEmbedded,
   insertionMode,
   noscriptTagInScope
@@ -3837,10 +3888,10 @@ function pushStyle(
     }
 
     var key = getResourceKey("style", href);
-    var resource = resources.stylesMap.get(key);
+    var resource = resumableState.stylesMap.get(key);
 
     if (!resource) {
-      resource = resources.stylePrecedences.get(precedence);
+      resource = resumableState.stylePrecedences.get(precedence);
 
       if (!resource) {
         resource = {
@@ -3852,12 +3903,12 @@ function pushStyle(
             hrefs: [href]
           }
         };
-        resources.stylePrecedences.set(precedence, resource);
+        resumableState.stylePrecedences.set(precedence, resource);
         var precedenceSet = new Set();
         precedenceSet.add(resource);
 
         {
-          if (resources.precedences.has(precedence)) {
+          if (resumableState.precedences.has(precedence)) {
             error(
               'React constructed a new style precedence set when one already exists for this precedence: "%s". This is a bug in React.',
               precedence
@@ -3865,15 +3916,15 @@ function pushStyle(
           }
         }
 
-        resources.precedences.set(precedence, precedenceSet);
+        resumableState.precedences.set(precedence, precedenceSet);
       } else {
         resource.props.hrefs.push(href);
       }
 
-      resources.stylesMap.set(key, resource);
+      resumableState.stylesMap.set(key, resource);
 
-      if (resources.boundaryResources) {
-        resources.boundaryResources.add(resource);
+      if (renderState.boundaryResources) {
+        renderState.boundaryResources.add(resource);
       }
 
       pushStyleContents(resource.chunks, props);
@@ -3998,7 +4049,7 @@ function getImagePreloadKey(href, imageSrcSet, imageSizes) {
   return getResourceKey("image", uniquePart);
 }
 
-function pushImg(target, props, resources) {
+function pushImg(target, props, resumableState) {
   var src = props.src,
     srcSet = props.srcSet;
 
@@ -4024,10 +4075,10 @@ function pushImg(target, props, resources) {
     )
   ) {
     // We have a suspensey image and ought to preload it to optimize the loading of display blocking
-    // resources.
+    // resumableState.
     var sizes = props.sizes;
     var key = getImagePreloadKey(src, srcSet, sizes);
-    var resource = resources.preloadsMap.get(key);
+    var resource = resumableState.preloadsMap.get(key);
 
     if (!resource) {
       resource = {
@@ -4051,17 +4102,17 @@ function pushImg(target, props, resources) {
           referrerPolicy: props.referrerPolicy
         }
       };
-      resources.preloadsMap.set(key, resource);
+      resumableState.preloadsMap.set(key, resource);
       pushLinkImpl(resource.chunks, resource.props);
     }
 
     if (
       props.fetchPriority === "high" ||
-      resources.highImagePreloads.size < 10
+      resumableState.highImagePreloads.size < 10
     ) {
-      resources.highImagePreloads.add(resource);
+      resumableState.highImagePreloads.add(resource);
     } else {
-      resources.bulkPreloads.add(resource);
+      resumableState.bulkPreloads.add(resource);
     }
   }
 
@@ -4131,7 +4182,7 @@ function pushStartMenuItem(target, props) {
 function pushTitle(
   target,
   props,
-  responseState,
+  renderState,
   insertionMode,
   noscriptTagInScope
 ) {
@@ -4188,7 +4239,7 @@ function pushTitle(
       !noscriptTagInScope &&
       props.itemProp == null
     ) {
-      pushTitleImpl(responseState.hoistableChunks, props);
+      pushTitleImpl(renderState.hoistableChunks, props);
       return null;
     } else {
       return pushTitleImpl(target, props);
@@ -4247,12 +4298,12 @@ function pushTitleImpl(target, props) {
   return null;
 }
 
-function pushStartHead(target, props, responseState, insertionMode) {
+function pushStartHead(target, props, renderState, insertionMode) {
   {
-    if (insertionMode < HTML_MODE && responseState.headChunks === null) {
+    if (insertionMode < HTML_MODE && renderState.headChunks === null) {
       // This <head> is the Document.head and should be part of the preamble
-      responseState.headChunks = [];
-      return pushStartGenericElement(responseState.headChunks, props, "head");
+      renderState.headChunks = [];
+      return pushStartGenericElement(renderState.headChunks, props, "head");
     } else {
       // This <head> is deep and is likely just an error. we emit it inline though.
       // Validation should warn that this tag is the the wrong spot.
@@ -4261,12 +4312,12 @@ function pushStartHead(target, props, responseState, insertionMode) {
   }
 }
 
-function pushStartHtml(target, props, responseState, insertionMode) {
+function pushStartHtml(target, props, renderState, insertionMode) {
   {
-    if (insertionMode === ROOT_HTML_MODE && responseState.htmlChunks === null) {
+    if (insertionMode === ROOT_HTML_MODE && renderState.htmlChunks === null) {
       // This <html> is the Document.documentElement and should be part of the preamble
-      responseState.htmlChunks = [doctypeChunk];
-      return pushStartGenericElement(responseState.htmlChunks, props, "html");
+      renderState.htmlChunks = [doctypeChunk];
+      return pushStartGenericElement(renderState.htmlChunks, props, "html");
     } else {
       // This <html> is deep and is likely just an error. we emit it inline though.
       // Validation should warn that this tag is the the wrong spot.
@@ -4278,7 +4329,7 @@ function pushStartHtml(target, props, responseState, insertionMode) {
 function pushScript(
   target,
   props,
-  resources,
+  resumableState,
   textEmbedded,
   insertionMode,
   noscriptTagInScope
@@ -4307,7 +4358,7 @@ function pushScript(
     var src = props.src;
     var key = getResourceKey("script", src); // We can make this <script> into a ScriptResource
 
-    var resource = resources.scriptsMap.get(key);
+    var resource = resumableState.scriptsMap.get(key);
 
     if (!resource) {
       resource = {
@@ -4316,11 +4367,11 @@ function pushScript(
         state: NoState,
         props: null
       };
-      resources.scriptsMap.set(key, resource); // Add to the script flushing queue
+      resumableState.scriptsMap.set(key, resource); // Add to the script flushing queue
 
-      resources.scripts.add(resource);
+      resumableState.scripts.add(resource);
       var scriptProps = props;
-      var preloadResource = resources.preloadsMap.get(key);
+      var preloadResource = resumableState.preloadsMap.get(key);
 
       if (preloadResource) {
         // If we already had a preload we don't want that resource to flush directly.
@@ -4628,8 +4679,8 @@ function pushStartInstance(
   target,
   type,
   props,
-  resources,
-  responseState,
+  resumableState,
+  renderState,
   formatContext,
   textEmbedded
 ) {
@@ -4689,10 +4740,10 @@ function pushStartInstance(
       return pushStartTextArea(target, props);
 
     case "input":
-      return pushInput(target, props, responseState);
+      return pushInput(target, props, resumableState, renderState);
 
     case "button":
-      return pushStartButton(target, props, responseState);
+      return pushStartButton(target, props, resumableState, renderState);
 
     case "form":
       return pushStartForm(target, props);
@@ -4704,7 +4755,7 @@ function pushStartInstance(
       return pushTitle(
         target,
         props,
-        responseState,
+        renderState,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope
       );
@@ -4713,8 +4764,8 @@ function pushStartInstance(
       return pushLink(
         target,
         props,
-        responseState,
-        resources,
+        resumableState,
+        renderState,
         textEmbedded,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope
@@ -4724,7 +4775,7 @@ function pushStartInstance(
       return pushScript(
         target,
         props,
-        resources,
+        resumableState,
         textEmbedded,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope
@@ -4734,7 +4785,8 @@ function pushStartInstance(
       return pushStyle(
         target,
         props,
-        resources,
+        resumableState,
+        renderState,
         textEmbedded,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope
@@ -4744,7 +4796,7 @@ function pushStartInstance(
       return pushMeta(
         target,
         props,
-        responseState,
+        renderState,
         textEmbedded,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope
@@ -4757,7 +4809,7 @@ function pushStartInstance(
     }
 
     case "img": {
-      return pushImg(target, props, resources);
+      return pushImg(target, props, resumableState);
     }
     // Omitted close tags
 
@@ -4793,7 +4845,7 @@ function pushStartInstance(
       return pushStartHead(
         target,
         props,
-        responseState,
+        renderState,
         formatContext.insertionMode
       );
 
@@ -4801,7 +4853,7 @@ function pushStartInstance(
       return pushStartHtml(
         target,
         props,
-        responseState,
+        renderState,
         formatContext.insertionMode
       );
     }
@@ -4818,7 +4870,7 @@ function pushStartInstance(
 }
 var endTag1 = stringToPrecomputedChunk("</");
 var endTag2 = stringToPrecomputedChunk(">");
-function pushEndInstance(target, type, props, responseState, formatContext) {
+function pushEndInstance(target, type, props, resumableState, formatContext) {
   switch (type) {
     // When float is on we expect title and script tags to always be pushed in
     // a unit and never return children. when we end up pushing the end tag we
@@ -4856,7 +4908,7 @@ function pushEndInstance(target, type, props, responseState, formatContext) {
 
     case "body": {
       if (formatContext.insertionMode <= HTML_HTML_MODE) {
-        responseState.hasBody = true;
+        resumableState.hasBody = true;
         return;
       }
 
@@ -4865,6 +4917,7 @@ function pushEndInstance(target, type, props, responseState, formatContext) {
 
     case "html":
       if (formatContext.insertionMode === ROOT_HTML_MODE) {
+        resumableState.hasHtml = true;
         return;
       }
 
@@ -4874,8 +4927,8 @@ function pushEndInstance(target, type, props, responseState, formatContext) {
   target.push(endTag1, stringToChunk(type), endTag2);
 }
 
-function writeBootstrap(destination, responseState) {
-  var bootstrapChunks = responseState.bootstrapChunks;
+function writeBootstrap(destination, resumableState) {
+  var bootstrapChunks = resumableState.bootstrapChunks;
   var i = 0;
 
   for (; i < bootstrapChunks.length - 1; i++) {
@@ -4891,8 +4944,8 @@ function writeBootstrap(destination, responseState) {
   return true;
 }
 
-function writeCompletedRoot(destination, responseState) {
-  return writeBootstrap(destination, responseState);
+function writeCompletedRoot(destination, resumableState) {
+  return writeBootstrap(destination, resumableState);
 } // Structural Nodes
 // A placeholder is a node inside a hidden partial tree that can be filled in later, but before
 // display. It's never visible to users. We use the template tag because it can be used in every
@@ -4900,9 +4953,9 @@ function writeCompletedRoot(destination, responseState) {
 
 var placeholder1 = stringToPrecomputedChunk('<template id="');
 var placeholder2 = stringToPrecomputedChunk('"></template>');
-function writePlaceholder(destination, responseState, id) {
+function writePlaceholder(destination, renderState, id) {
   writeChunk(destination, placeholder1);
-  writeChunk(destination, responseState.placeholderPrefix);
+  writeChunk(destination, renderState.placeholderPrefix);
   var formattedID = stringToChunk(id.toString(16));
   writeChunk(destination, formattedID);
   return writeChunkAndReturn(destination, placeholder2);
@@ -4927,10 +4980,10 @@ var clientRenderedSuspenseBoundaryError1C =
   stringToPrecomputedChunk(' data-stck="');
 var clientRenderedSuspenseBoundaryError2 =
   stringToPrecomputedChunk("></template>");
-function writeStartCompletedSuspenseBoundary$1(destination, responseState) {
+function writeStartCompletedSuspenseBoundary$1(destination, renderState) {
   return writeChunkAndReturn(destination, startCompletedSuspenseBoundary);
 }
-function writeStartPendingSuspenseBoundary(destination, responseState, id) {
+function writeStartPendingSuspenseBoundary(destination, renderState, id) {
   writeChunk(destination, startPendingSuspenseBoundary1);
 
   if (id === null) {
@@ -4944,7 +4997,7 @@ function writeStartPendingSuspenseBoundary(destination, responseState, id) {
 }
 function writeStartClientRenderedSuspenseBoundary$1(
   destination,
-  responseState,
+  renderState,
   errorDigest,
   errorMesssage,
   errorComponentStack
@@ -4997,13 +5050,13 @@ function writeStartClientRenderedSuspenseBoundary$1(
   );
   return result;
 }
-function writeEndCompletedSuspenseBoundary$1(destination, responseState) {
+function writeEndCompletedSuspenseBoundary$1(destination, renderState) {
   return writeChunkAndReturn(destination, endSuspenseBoundary);
 }
-function writeEndPendingSuspenseBoundary(destination, responseState) {
+function writeEndPendingSuspenseBoundary(destination, renderState) {
   return writeChunkAndReturn(destination, endSuspenseBoundary);
 }
-function writeEndClientRenderedSuspenseBoundary$1(destination, responseState) {
+function writeEndClientRenderedSuspenseBoundary$1(destination, renderState) {
   return writeChunkAndReturn(destination, endSuspenseBoundary);
 }
 var startSegmentHTML = stringToPrecomputedChunk('<div hidden id="');
@@ -5035,34 +5088,34 @@ var startSegmentColGroup = stringToPrecomputedChunk(
 );
 var startSegmentColGroup2 = stringToPrecomputedChunk('">');
 var endSegmentColGroup = stringToPrecomputedChunk("</colgroup></table>");
-function writeStartSegment(destination, responseState, formatContext, id) {
+function writeStartSegment(destination, renderState, formatContext, id) {
   switch (formatContext.insertionMode) {
     case ROOT_HTML_MODE:
     case HTML_HTML_MODE:
     case HTML_MODE: {
       writeChunk(destination, startSegmentHTML);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentHTML2);
     }
 
     case SVG_MODE: {
       writeChunk(destination, startSegmentSVG);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentSVG2);
     }
 
     case MATHML_MODE: {
       writeChunk(destination, startSegmentMathML);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentMathML2);
     }
 
     case HTML_TABLE_MODE: {
       writeChunk(destination, startSegmentTable);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentTable2);
     }
@@ -5073,21 +5126,21 @@ function writeStartSegment(destination, responseState, formatContext, id) {
 
     case HTML_TABLE_BODY_MODE: {
       writeChunk(destination, startSegmentTableBody);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentTableBody2);
     }
 
     case HTML_TABLE_ROW_MODE: {
       writeChunk(destination, startSegmentTableRow);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentTableRow2);
     }
 
     case HTML_COLGROUP_MODE: {
       writeChunk(destination, startSegmentColGroup);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentColGroup2);
     }
@@ -5147,20 +5200,21 @@ var completeSegmentData2 = stringToPrecomputedChunk('" data-pid="');
 var completeSegmentDataEnd = dataElementQuotedEnd;
 function writeCompletedSegmentInstruction(
   destination,
-  responseState,
+  resumableState,
+  renderState,
   contentSegmentID
 ) {
-  var scriptFormat = responseState.streamingFormat === ScriptStreamingFormat;
+  var scriptFormat = resumableState.streamingFormat === ScriptStreamingFormat;
 
   if (scriptFormat) {
-    writeChunk(destination, responseState.startInlineScript);
+    writeChunk(destination, renderState.startInlineScript);
 
     if (
-      (responseState.instructions & SentCompleteSegmentFunction) ===
+      (resumableState.instructions & SentCompleteSegmentFunction) ===
       NothingSent
     ) {
       // The first time we write this, we'll need to include the full implementation.
-      responseState.instructions |= SentCompleteSegmentFunction;
+      resumableState.instructions |= SentCompleteSegmentFunction;
       writeChunk(destination, completeSegmentScript1Full);
     } else {
       // Future calls can just reuse the same function.
@@ -5170,7 +5224,7 @@ function writeCompletedSegmentInstruction(
     writeChunk(destination, completeSegmentData1);
   } // Write function arguments, which are string literals
 
-  writeChunk(destination, responseState.segmentPrefix);
+  writeChunk(destination, renderState.segmentPrefix);
   var formattedID = stringToChunk(contentSegmentID.toString(16));
   writeChunk(destination, formattedID);
 
@@ -5180,7 +5234,7 @@ function writeCompletedSegmentInstruction(
     writeChunk(destination, completeSegmentData2);
   }
 
-  writeChunk(destination, responseState.placeholderPrefix);
+  writeChunk(destination, renderState.placeholderPrefix);
   writeChunk(destination, formattedID);
 
   if (scriptFormat) {
@@ -5216,7 +5270,8 @@ var completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 var completeBoundaryDataEnd = dataElementQuotedEnd;
 function writeCompletedBoundaryInstruction(
   destination,
-  responseState,
+  resumableState,
+  renderState,
   boundaryID,
   contentSegmentID,
   boundaryResources
@@ -5224,45 +5279,45 @@ function writeCompletedBoundaryInstruction(
   var requiresStyleInsertion;
 
   {
-    requiresStyleInsertion = responseState.stylesToHoist; // If necessary stylesheets will be flushed with this instruction.
+    requiresStyleInsertion = renderState.stylesToHoist; // If necessary stylesheets will be flushed with this instruction.
     // Any style tags not yet hoisted in the Document will also be hoisted.
     // We reset this state since after this instruction executes all styles
     // up to this point will have been hoisted
 
-    responseState.stylesToHoist = false;
+    renderState.stylesToHoist = false;
   }
 
-  var scriptFormat = responseState.streamingFormat === ScriptStreamingFormat;
+  var scriptFormat = resumableState.streamingFormat === ScriptStreamingFormat;
 
   if (scriptFormat) {
-    writeChunk(destination, responseState.startInlineScript);
+    writeChunk(destination, renderState.startInlineScript);
 
     if (requiresStyleInsertion) {
       if (
-        (responseState.instructions & SentCompleteBoundaryFunction) ===
+        (resumableState.instructions & SentCompleteBoundaryFunction) ===
         NothingSent
       ) {
-        responseState.instructions |=
+        resumableState.instructions |=
           SentStyleInsertionFunction | SentCompleteBoundaryFunction;
         writeChunk(
           destination,
           clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth)
         );
       } else if (
-        (responseState.instructions & SentStyleInsertionFunction) ===
+        (resumableState.instructions & SentStyleInsertionFunction) ===
         NothingSent
       ) {
-        responseState.instructions |= SentStyleInsertionFunction;
+        resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
       } else {
         writeChunk(destination, completeBoundaryWithStylesScript1Partial);
       }
     } else {
       if (
-        (responseState.instructions & SentCompleteBoundaryFunction) ===
+        (resumableState.instructions & SentCompleteBoundaryFunction) ===
         NothingSent
       ) {
-        responseState.instructions |= SentCompleteBoundaryFunction;
+        resumableState.instructions |= SentCompleteBoundaryFunction;
         writeChunk(destination, completeBoundaryScript1Full);
       } else {
         writeChunk(destination, completeBoundaryScript1Partial);
@@ -5291,7 +5346,7 @@ function writeCompletedBoundaryInstruction(
     writeChunk(destination, completeBoundaryData2);
   }
 
-  writeChunk(destination, responseState.segmentPrefix);
+  writeChunk(destination, renderState.segmentPrefix);
   writeChunk(destination, formattedContentID);
 
   if (requiresStyleInsertion) {
@@ -5322,7 +5377,7 @@ function writeCompletedBoundaryInstruction(
     writeMore = writeChunkAndReturn(destination, completeBoundaryDataEnd);
   }
 
-  return writeBootstrap(destination, responseState) && writeMore;
+  return writeBootstrap(destination, resumableState) && writeMore;
 }
 var clientRenderScript1Full = stringToPrecomputedChunk(
   clientRenderBoundary + ';$RX("'
@@ -5340,23 +5395,24 @@ var clientRenderData4 = stringToPrecomputedChunk('" data-stck="');
 var clientRenderDataEnd = dataElementQuotedEnd;
 function writeClientRenderBoundaryInstruction(
   destination,
-  responseState,
+  resumableState,
+  renderState,
   boundaryID,
   errorDigest,
   errorMessage,
   errorComponentStack
 ) {
-  var scriptFormat = responseState.streamingFormat === ScriptStreamingFormat;
+  var scriptFormat = resumableState.streamingFormat === ScriptStreamingFormat;
 
   if (scriptFormat) {
-    writeChunk(destination, responseState.startInlineScript);
+    writeChunk(destination, renderState.startInlineScript);
 
     if (
-      (responseState.instructions & SentClientRenderFunction) ===
+      (resumableState.instructions & SentClientRenderFunction) ===
       NothingSent
     ) {
       // The first time we write this, we'll need to include the full implementation.
-      responseState.instructions |= SentClientRenderFunction;
+      resumableState.instructions |= SentClientRenderFunction;
       writeChunk(destination, clientRenderScript1Full);
     } else {
       // Future calls can just reuse the same function.
@@ -5570,7 +5626,7 @@ function flushStyleTagsLateForBoundary(resource) {
 function writeResourcesForBoundary(
   destination,
   boundaryResources,
-  responseState
+  renderState
 ) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
@@ -5579,7 +5635,7 @@ function writeResourcesForBoundary(
   boundaryResources.forEach(flushStyleTagsLateForBoundary, destination);
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
-    responseState.stylesToHoist = true;
+    renderState.stylesToHoist = true;
   }
 
   return destinationHasCapacity;
@@ -5727,25 +5783,25 @@ function preloadLateStyles(set, precedence) {
 
 function writePreamble(
   destination,
-  resources,
-  responseState,
+  resumableState,
+  renderState,
   willFlushAllSegments
 ) {
   // This function must be called exactly once on every request
-  if (!willFlushAllSegments && responseState.externalRuntimeScript) {
+  if (!willFlushAllSegments && resumableState.externalRuntimeScript) {
     // If the root segment is incomplete due to suspended tasks
     // (e.g. willFlushAllSegments = false) and we are using data
     // streaming format, ensure the external runtime is sent.
     // (User code could choose to send this even earlier by calling
     //  preinit(...), if they know they will suspend).
-    var _responseState$extern = responseState.externalRuntimeScript,
-      src = _responseState$extern.src,
-      chunks = _responseState$extern.chunks;
-    internalPreinitScript(resources, src, chunks);
+    var _resumableState$exter = resumableState.externalRuntimeScript,
+      src = _resumableState$exter.src,
+      chunks = _resumableState$exter.chunks;
+    internalPreinitScript(resumableState, src, chunks);
   }
 
-  var htmlChunks = responseState.htmlChunks;
-  var headChunks = responseState.headChunks;
+  var htmlChunks = renderState.htmlChunks;
+  var headChunks = renderState.headChunks;
   var i = 0; // Emit open tags before Hoistables and Resources
 
   if (htmlChunks) {
@@ -5770,7 +5826,7 @@ function writePreamble(
     }
   } // Emit high priority Hoistables
 
-  var charsetChunks = responseState.charsetChunks;
+  var charsetChunks = renderState.charsetChunks;
 
   for (i = 0; i < charsetChunks.length; i++) {
     writeChunk(destination, charsetChunks[i]);
@@ -5778,28 +5834,31 @@ function writePreamble(
 
   charsetChunks.length = 0; // emit preconnect resources
 
-  resources.preconnects.forEach(flushResourceInPreamble, destination);
-  resources.preconnects.clear();
-  var preconnectChunks = responseState.preconnectChunks;
+  resumableState.preconnects.forEach(flushResourceInPreamble, destination);
+  resumableState.preconnects.clear();
+  var preconnectChunks = renderState.preconnectChunks;
 
   for (i = 0; i < preconnectChunks.length; i++) {
     writeChunk(destination, preconnectChunks[i]);
   }
 
   preconnectChunks.length = 0;
-  resources.fontPreloads.forEach(flushResourceInPreamble, destination);
-  resources.fontPreloads.clear();
-  resources.highImagePreloads.forEach(flushResourceInPreamble, destination);
-  resources.highImagePreloads.clear(); // Flush unblocked stylesheets by precedence
+  resumableState.fontPreloads.forEach(flushResourceInPreamble, destination);
+  resumableState.fontPreloads.clear();
+  resumableState.highImagePreloads.forEach(
+    flushResourceInPreamble,
+    destination
+  );
+  resumableState.highImagePreloads.clear(); // Flush unblocked stylesheets by precedence
 
-  resources.precedences.forEach(flushAllStylesInPreamble, destination);
-  resources.bootstrapScripts.forEach(flushResourceInPreamble, destination);
-  resources.scripts.forEach(flushResourceInPreamble, destination);
-  resources.scripts.clear();
-  resources.bulkPreloads.forEach(flushResourceInPreamble, destination);
-  resources.bulkPreloads.clear(); // Write embedding preloadChunks
+  resumableState.precedences.forEach(flushAllStylesInPreamble, destination);
+  resumableState.bootstrapScripts.forEach(flushResourceInPreamble, destination);
+  resumableState.scripts.forEach(flushResourceInPreamble, destination);
+  resumableState.scripts.clear();
+  resumableState.bulkPreloads.forEach(flushResourceInPreamble, destination);
+  resumableState.bulkPreloads.clear(); // Write embedding preloadChunks
 
-  var preloadChunks = responseState.preloadChunks;
+  var preloadChunks = renderState.preloadChunks;
 
   for (i = 0; i < preloadChunks.length; i++) {
     writeChunk(destination, preloadChunks[i]);
@@ -5807,7 +5866,7 @@ function writePreamble(
 
   preloadChunks.length = 0; // Write embedding hoistableChunks
 
-  var hoistableChunks = responseState.hoistableChunks;
+  var hoistableChunks = renderState.hoistableChunks;
 
   for (i = 0; i < hoistableChunks.length; i++) {
     writeChunk(destination, hoistableChunks[i]);
@@ -5830,35 +5889,38 @@ function writePreamble(
 // in the future to be backpressure sensitive but that requires a larger refactor
 // of the flushing code in Fizz.
 
-function writeHoistables(destination, resources, responseState) {
+function writeHoistables(destination, resumableState, renderState) {
   var i = 0; // Emit high priority Hoistables
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  resources.preconnects.forEach(flushResourceLate, destination);
-  resources.preconnects.clear();
-  var preconnectChunks = responseState.preconnectChunks;
+  resumableState.preconnects.forEach(flushResourceLate, destination);
+  resumableState.preconnects.clear();
+  var preconnectChunks = renderState.preconnectChunks;
 
   for (i = 0; i < preconnectChunks.length; i++) {
     writeChunk(destination, preconnectChunks[i]);
   }
 
   preconnectChunks.length = 0;
-  resources.fontPreloads.forEach(flushResourceLate, destination);
-  resources.fontPreloads.clear();
-  resources.highImagePreloads.forEach(flushResourceInPreamble, destination);
-  resources.highImagePreloads.clear(); // Preload any stylesheets. these will emit in a render instruction that follows this
+  resumableState.fontPreloads.forEach(flushResourceLate, destination);
+  resumableState.fontPreloads.clear();
+  resumableState.highImagePreloads.forEach(
+    flushResourceInPreamble,
+    destination
+  );
+  resumableState.highImagePreloads.clear(); // Preload any stylesheets. these will emit in a render instruction that follows this
   // but we want to kick off preloading as soon as possible
 
-  resources.precedences.forEach(preloadLateStyles, destination); // bootstrap scripts should flush above script priority but these can only flush in the preamble
+  resumableState.precedences.forEach(preloadLateStyles, destination); // bootstrap scripts should flush above script priority but these can only flush in the preamble
   // so we elide the code here for performance
 
-  resources.scripts.forEach(flushResourceLate, destination);
-  resources.scripts.clear();
-  resources.bulkPreloads.forEach(flushResourceLate, destination);
-  resources.bulkPreloads.clear(); // Write embedding preloadChunks
+  resumableState.scripts.forEach(flushResourceLate, destination);
+  resumableState.scripts.clear();
+  resumableState.bulkPreloads.forEach(flushResourceLate, destination);
+  resumableState.bulkPreloads.clear(); // Write embedding preloadChunks
 
-  var preloadChunks = responseState.preloadChunks;
+  var preloadChunks = renderState.preloadChunks;
 
   for (i = 0; i < preloadChunks.length; i++) {
     writeChunk(destination, preloadChunks[i]);
@@ -5866,7 +5928,7 @@ function writeHoistables(destination, resources, responseState) {
 
   preloadChunks.length = 0; // Write embedding hoistableChunks
 
-  var hoistableChunks = responseState.hoistableChunks;
+  var hoistableChunks = renderState.hoistableChunks;
 
   for (i = 0; i < hoistableChunks.length; i++) {
     writeChunk(destination, hoistableChunks[i]);
@@ -5874,14 +5936,14 @@ function writeHoistables(destination, resources, responseState) {
 
   hoistableChunks.length = 0;
 }
-function writePostamble(destination, responseState) {
-  if (responseState.hasBody) {
+function writePostamble(destination, resumableState) {
+  if (resumableState.hasBody) {
     writeChunk(destination, endTag1);
     writeChunk(destination, stringToChunk("body"));
     writeChunk(destination, endTag2);
   }
 
-  if (responseState.htmlChunks) {
+  if (resumableState.hasHtml) {
     writeChunk(destination, endTag1);
     writeChunk(destination, stringToChunk("html"));
     writeChunk(destination, endTag2);
@@ -6318,37 +6380,15 @@ var Blocked =
 
 var PreloadFlushed =
   /*     */
-  8; // @TODO add bootstrap script to implicit preloads
-
-function createResources() {
-  return {
-    // persistent
-    preloadsMap: new Map(),
-    preconnectsMap: new Map(),
-    stylesMap: new Map(),
-    scriptsMap: new Map(),
-    // cleared on flush
-    preconnects: new Set(),
-    fontPreloads: new Set(),
-    highImagePreloads: new Set(),
-    // usedImagePreloads: new Set(),
-    precedences: new Map(),
-    stylePrecedences: new Map(),
-    bootstrapScripts: new Set(),
-    scripts: new Set(),
-    bulkPreloads: new Set(),
-    // like a module global for currently rendering boundary
-    boundaryResources: null
-  };
-}
+  8;
 function createBoundaryResources() {
   return new Set();
 }
 function setCurrentlyRenderingBoundaryResourcesTarget(
-  resources,
+  renderState,
   boundaryResources
 ) {
-  resources.boundaryResources = boundaryResources;
+  renderState.boundaryResources = boundaryResources;
 }
 
 function getResourceKey(as, href) {
@@ -6367,7 +6407,7 @@ function prefetchDNS(href, options) {
     return;
   }
 
-  var resources = getResources(request);
+  var resumableState = getResumableState(request);
 
   {
     if (typeof href !== "string" || !href) {
@@ -6395,7 +6435,7 @@ function prefetchDNS(href, options) {
 
   if (typeof href === "string" && href) {
     var key = getResourceKey("prefetchDNS", href);
-    var resource = resources.preconnectsMap.get(key);
+    var resource = resumableState.preconnectsMap.get(key);
 
     if (!resource) {
       resource = {
@@ -6404,14 +6444,14 @@ function prefetchDNS(href, options) {
         state: NoState,
         props: null
       };
-      resources.preconnectsMap.set(key, resource);
+      resumableState.preconnectsMap.set(key, resource);
       pushLinkImpl(resource.chunks, {
         href: href,
         rel: "dns-prefetch"
       });
     }
 
-    resources.preconnects.add(resource);
+    resumableState.preconnects.add(resource);
     flushResources(request);
   }
 }
@@ -6428,7 +6468,7 @@ function preconnect(href, options) {
     return;
   }
 
-  var resources = getResources(request);
+  var resumableState = getResumableState(request);
 
   {
     if (typeof href !== "string" || !href) {
@@ -6461,7 +6501,7 @@ function preconnect(href, options) {
       (crossOrigin === null ? "null" : crossOrigin) +
       "]" +
       href;
-    var resource = resources.preconnectsMap.get(key);
+    var resource = resumableState.preconnectsMap.get(key);
 
     if (!resource) {
       resource = {
@@ -6470,7 +6510,7 @@ function preconnect(href, options) {
         state: NoState,
         props: null
       };
-      resources.preconnectsMap.set(key, resource);
+      resumableState.preconnectsMap.set(key, resource);
       pushLinkImpl(resource.chunks, {
         rel: "preconnect",
         href: href,
@@ -6478,7 +6518,7 @@ function preconnect(href, options) {
       });
     }
 
-    resources.preconnects.add(resource);
+    resumableState.preconnects.add(resource);
     flushResources(request);
   }
 }
@@ -6495,7 +6535,7 @@ function preload(href, options) {
     return;
   }
 
-  var resources = getResources(request);
+  var resumableState = getResumableState(request);
 
   {
     var encountered = "";
@@ -6549,7 +6589,7 @@ function preload(href, options) {
       key = getResourceKey(as, href);
     }
 
-    var resource = resources.preloadsMap.get(key);
+    var resource = resumableState.preloadsMap.get(key);
 
     if (!resource) {
       resource = {
@@ -6558,16 +6598,16 @@ function preload(href, options) {
         state: NoState,
         props: preloadPropsFromPreloadOptions(href, as, options)
       };
-      resources.preloadsMap.set(key, resource);
+      resumableState.preloadsMap.set(key, resource);
       pushLinkImpl(resource.chunks, resource.props);
     }
 
     if (as === "font") {
-      resources.fontPreloads.add(resource);
+      resumableState.fontPreloads.add(resource);
     } else if (as === "image" && options.fetchPriority === "high") {
-      resources.highImagePreloads.add(resource);
+      resumableState.highImagePreloads.add(resource);
     } else {
-      resources.bulkPreloads.add(resource);
+      resumableState.bulkPreloads.add(resource);
     }
 
     flushResources(request);
@@ -6586,7 +6626,7 @@ function preloadModule(href, options) {
     return;
   }
 
-  var resources = getResources(request);
+  var resumableState = getResumableState(request);
 
   {
     var encountered = "";
@@ -6621,7 +6661,7 @@ function preloadModule(href, options) {
   if (typeof href === "string" && href) {
     var as = options && typeof options.as === "string" ? options.as : "script";
     var key = getResourceKey(as, href);
-    var resource = resources.preloadsMap.get(key);
+    var resource = resumableState.preloadsMap.get(key);
 
     if (!resource) {
       resource = {
@@ -6630,11 +6670,11 @@ function preloadModule(href, options) {
         state: NoState,
         props: preloadModulePropsFromPreloadModuleOptions(href, as, options)
       };
-      resources.preloadsMap.set(key, resource);
+      resumableState.preloadsMap.set(key, resource);
       pushLinkImpl(resource.chunks, resource.props);
     }
 
-    resources.bulkPreloads.add(resource);
+    resumableState.bulkPreloads.add(resource);
     flushResources(request);
   }
 }
@@ -6651,7 +6691,7 @@ function preinit(href, options) {
     return;
   }
 
-  var resources = getResources(request);
+  var resumableState = getResumableState(request);
 
   {
     if (typeof href !== "string" || !href) {
@@ -6683,12 +6723,12 @@ function preinit(href, options) {
     switch (as) {
       case "style": {
         var key = getResourceKey(as, href);
-        var resource = resources.stylesMap.get(key);
+        var resource = resumableState.stylesMap.get(key);
         var precedence = options.precedence || "default";
 
         if (!resource) {
           var state = NoState;
-          var preloadResource = resources.preloadsMap.get(key);
+          var preloadResource = resumableState.preloadsMap.get(key);
 
           if (preloadResource && preloadResource.state & Flushed) {
             state = PreloadFlushed;
@@ -6700,12 +6740,12 @@ function preinit(href, options) {
             state: state,
             props: stylesheetPropsFromPreinitOptions(href, precedence, options)
           };
-          resources.stylesMap.set(key, resource);
-          var precedenceSet = resources.precedences.get(precedence);
+          resumableState.stylesMap.set(key, resource);
+          var precedenceSet = resumableState.precedences.get(precedence);
 
           if (!precedenceSet) {
             precedenceSet = new Set();
-            resources.precedences.set(precedence, precedenceSet);
+            resumableState.precedences.set(precedence, precedenceSet);
             var emptyStyleResource = {
               type: "style",
               chunks: [],
@@ -6718,7 +6758,7 @@ function preinit(href, options) {
             precedenceSet.add(emptyStyleResource);
 
             {
-              if (resources.stylePrecedences.has(precedence)) {
+              if (resumableState.stylePrecedences.has(precedence)) {
                 error(
                   'React constructed an empty style resource when a style resource already exists for this precedence: "%s". This is a bug in React.',
                   precedence
@@ -6726,7 +6766,7 @@ function preinit(href, options) {
               }
             }
 
-            resources.stylePrecedences.set(precedence, emptyStyleResource);
+            resumableState.stylePrecedences.set(precedence, emptyStyleResource);
           }
 
           precedenceSet.add(resource);
@@ -6741,7 +6781,7 @@ function preinit(href, options) {
 
         var _key = getResourceKey(as, src);
 
-        var _resource = resources.scriptsMap.get(_key);
+        var _resource = resumableState.scriptsMap.get(_key);
 
         if (!_resource) {
           _resource = {
@@ -6750,9 +6790,9 @@ function preinit(href, options) {
             state: NoState,
             props: null
           };
-          resources.scriptsMap.set(_key, _resource);
+          resumableState.scriptsMap.set(_key, _resource);
           var resourceProps = scriptPropsFromPreinitOptions(src, options);
-          resources.scripts.add(_resource);
+          resumableState.scripts.add(_resource);
           pushScriptImpl(_resource.chunks, resourceProps);
           flushResources(request);
         }
@@ -6775,7 +6815,7 @@ function preinitModule(href, options) {
     return;
   }
 
-  var resources = getResources(request);
+  var resumableState = getResumableState(request);
 
   {
     var encountered = "";
@@ -6837,7 +6877,7 @@ function preinitModule(href, options) {
       case "script": {
         var src = href;
         var key = getResourceKey(_as, src);
-        var resource = resources.scriptsMap.get(key);
+        var resource = resumableState.scriptsMap.get(key);
 
         if (!resource) {
           resource = {
@@ -6846,9 +6886,9 @@ function preinitModule(href, options) {
             state: NoState,
             props: null
           };
-          resources.scriptsMap.set(key, resource);
+          resumableState.scriptsMap.set(key, resource);
           var resourceProps = modulePropsFromPreinitModuleOptions(src, options);
-          resources.scripts.add(resource);
+          resumableState.scripts.add(resource);
           pushScriptImpl(resource.chunks, resourceProps);
           flushResources(request);
         }
@@ -6862,11 +6902,17 @@ function preinitModule(href, options) {
 // scripts at any other point in time we will need to check whether the preload
 // already exists and not assume it
 
-function preloadBootstrapScript(resources, src, nonce, integrity, crossOrigin) {
+function preloadBootstrapScript(
+  resumableState,
+  src,
+  nonce,
+  integrity,
+  crossOrigin
+) {
   var key = getResourceKey("script", src);
 
   {
-    if (resources.preloadsMap.has(key)) {
+    if (resumableState.preloadsMap.has(key)) {
       // This is coded as a React error because it should be impossible for a userspace preload to preempt this call
       // If a userspace preload can preempt it then this assumption is broken and we need to reconsider this strategy
       // rather than instruct the user to not preload their bootstrap scripts themselves
@@ -6892,19 +6938,25 @@ function preloadBootstrapScript(resources, src, nonce, integrity, crossOrigin) {
     state: NoState,
     props: props
   };
-  resources.preloadsMap.set(key, resource);
-  resources.bootstrapScripts.add(resource);
+  resumableState.preloadsMap.set(key, resource);
+  resumableState.bootstrapScripts.add(resource);
   pushLinkImpl(resource.chunks, props);
 } // This function is only safe to call at Request start time since it assumes
 // that each module has not already been preloaded. If we find a need to preload
 // scripts at any other point in time we will need to check whether the preload
 // already exists and not assume it
 
-function preloadBootstrapModule(resources, src, nonce, integrity, crossOrigin) {
+function preloadBootstrapModule(
+  resumableState,
+  src,
+  nonce,
+  integrity,
+  crossOrigin
+) {
   var key = getResourceKey("script", src);
 
   {
-    if (resources.preloadsMap.has(key)) {
+    if (resumableState.preloadsMap.has(key)) {
       // This is coded as a React error because it should be impossible for a userspace preload to preempt this call
       // If a userspace preload can preempt it then this assumption is broken and we need to reconsider this strategy
       // rather than instruct the user to not preload their bootstrap scripts themselves
@@ -6929,15 +6981,15 @@ function preloadBootstrapModule(resources, src, nonce, integrity, crossOrigin) {
     state: NoState,
     props: props
   };
-  resources.preloadsMap.set(key, resource);
-  resources.bootstrapScripts.add(resource);
+  resumableState.preloadsMap.set(key, resource);
+  resumableState.bootstrapScripts.add(resource);
   pushLinkImpl(resource.chunks, props);
   return;
 }
 
-function internalPreinitScript(resources, src, chunks) {
+function internalPreinitScript(resumableState, src, chunks) {
   var key = getResourceKey("script", src);
-  var resource = resources.scriptsMap.get(key);
+  var resource = resumableState.scriptsMap.get(key);
 
   if (!resource) {
     resource = {
@@ -6946,8 +6998,8 @@ function internalPreinitScript(resources, src, chunks) {
       state: NoState,
       props: null
     };
-    resources.scriptsMap.set(key, resource);
-    resources.scripts.add(resource);
+    resumableState.scriptsMap.set(key, resource);
+    resumableState.scripts.add(resource);
   }
 
   return;
@@ -7054,82 +7106,58 @@ function hoistStyleResource(resource) {
   this.add(resource);
 }
 
-function hoistResources(resources, source) {
-  var currentBoundaryResources = resources.boundaryResources;
+function hoistResources(renderState, source) {
+  var currentBoundaryResources = renderState.boundaryResources;
 
   if (currentBoundaryResources) {
     source.forEach(hoistStyleResource, currentBoundaryResources);
   }
 }
 
-function createResponseState(
-  resources,
-  generateStaticMarkup,
-  identifierPrefix,
-  externalRuntimeConfig
-) {
-  var responseState = createResponseState$1(
-    resources,
-    identifierPrefix,
-    undefined,
-    undefined,
-    undefined,
-    undefined,
-    externalRuntimeConfig
-  );
+function createRenderState(resumableState, nonce, generateStaticMarkup) {
+  var renderState = createRenderState$1(resumableState, nonce);
   return {
     // Keep this in sync with ReactFizzConfigDOM
-    bootstrapChunks: responseState.bootstrapChunks,
-    placeholderPrefix: responseState.placeholderPrefix,
-    segmentPrefix: responseState.segmentPrefix,
-    boundaryPrefix: responseState.boundaryPrefix,
-    idPrefix: responseState.idPrefix,
-    nextSuspenseID: responseState.nextSuspenseID,
-    streamingFormat: responseState.streamingFormat,
-    startInlineScript: responseState.startInlineScript,
-    instructions: responseState.instructions,
-    externalRuntimeScript: responseState.externalRuntimeScript,
-    htmlChunks: responseState.htmlChunks,
-    headChunks: responseState.headChunks,
-    hasBody: responseState.hasBody,
-    charsetChunks: responseState.charsetChunks,
-    preconnectChunks: responseState.preconnectChunks,
-    preloadChunks: responseState.preloadChunks,
-    hoistableChunks: responseState.hoistableChunks,
-    stylesToHoist: responseState.stylesToHoist,
+    placeholderPrefix: renderState.placeholderPrefix,
+    segmentPrefix: renderState.segmentPrefix,
+    boundaryPrefix: renderState.boundaryPrefix,
+    startInlineScript: renderState.startInlineScript,
+    htmlChunks: renderState.htmlChunks,
+    headChunks: renderState.headChunks,
+    charsetChunks: renderState.charsetChunks,
+    preconnectChunks: renderState.preconnectChunks,
+    preloadChunks: renderState.preloadChunks,
+    hoistableChunks: renderState.hoistableChunks,
+    boundaryResources: renderState.boundaryResources,
+    stylesToHoist: renderState.stylesToHoist,
     // This is an extra field for the legacy renderer
     generateStaticMarkup: generateStaticMarkup
   };
 }
 
 var doctypeChunk = stringToPrecomputedChunk("");
-function pushTextInstance(target, text, responseState, textEmbedded) {
-  if (responseState.generateStaticMarkup) {
+function pushTextInstance(target, text, renderState, textEmbedded) {
+  if (renderState.generateStaticMarkup) {
     target.push(stringToChunk(escapeTextForBrowser(text)));
     return false;
   } else {
-    return pushTextInstance$1(target, text, responseState, textEmbedded);
+    return pushTextInstance$1(target, text, renderState, textEmbedded);
   }
 }
-function pushSegmentFinale(
-  target,
-  responseState,
-  lastPushedText,
-  textEmbedded
-) {
-  if (responseState.generateStaticMarkup) {
+function pushSegmentFinale(target, renderState, lastPushedText, textEmbedded) {
+  if (renderState.generateStaticMarkup) {
     return;
   } else {
     return pushSegmentFinale$1(
       target,
-      responseState,
+      renderState,
       lastPushedText,
       textEmbedded
     );
   }
 }
-function writeStartCompletedSuspenseBoundary(destination, responseState) {
-  if (responseState.generateStaticMarkup) {
+function writeStartCompletedSuspenseBoundary(destination, renderState) {
+  if (renderState.generateStaticMarkup) {
     // A completed boundary is done and doesn't need a representation in the HTML
     // if we're not going to be hydrating it.
     return true;
@@ -7139,12 +7167,12 @@ function writeStartCompletedSuspenseBoundary(destination, responseState) {
 }
 function writeStartClientRenderedSuspenseBoundary(
   destination,
-  responseState, // flushing these error arguments are not currently supported in this legacy streaming format.
+  renderState, // flushing these error arguments are not currently supported in this legacy streaming format.
   errorDigest,
   errorMessage,
   errorComponentStack
 ) {
-  if (responseState.generateStaticMarkup) {
+  if (renderState.generateStaticMarkup) {
     // A client rendered boundary is done and doesn't need a representation in the HTML
     // since we'll never hydrate it. This is arguably an error in static generation.
     return true;
@@ -7152,21 +7180,21 @@ function writeStartClientRenderedSuspenseBoundary(
 
   return writeStartClientRenderedSuspenseBoundary$1(
     destination,
-    responseState,
+    renderState,
     errorDigest,
     errorMessage,
     errorComponentStack
   );
 }
-function writeEndCompletedSuspenseBoundary(destination, responseState) {
-  if (responseState.generateStaticMarkup) {
+function writeEndCompletedSuspenseBoundary(destination, renderState) {
+  if (renderState.generateStaticMarkup) {
     return true;
   }
 
   return writeEndCompletedSuspenseBoundary$1(destination);
 }
-function writeEndClientRenderedSuspenseBoundary(destination, responseState) {
-  if (responseState.generateStaticMarkup) {
+function writeEndClientRenderedSuspenseBoundary(destination, renderState) {
+  if (renderState.generateStaticMarkup) {
     return true;
   }
 
@@ -9302,16 +9330,16 @@ function useOptimistic(passthrough, reducer) {
 function useId() {
   var task = currentlyRenderingTask;
   var treeId = getTreeId(task.treeContext);
-  var responseState = currentResponseState;
+  var resumableState = currentResumableState;
 
-  if (responseState === null) {
+  if (resumableState === null) {
     throw new Error(
       "Invalid hook call. Hooks can only be called inside of the body of a function component."
     );
   }
 
   var localId = localIdCounter++;
-  return makeId(responseState, treeId, localId);
+  return makeId(resumableState, treeId, localId);
 }
 
 function use(usable) {
@@ -9404,9 +9432,9 @@ if (enableAsyncActions) {
   HooksDispatcher.useOptimistic = useOptimistic;
 }
 
-var currentResponseState = null;
-function setCurrentResponseState(responseState) {
-  currentResponseState = responseState;
+var currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
 }
 
 function getCacheSignal() {
@@ -9492,8 +9520,8 @@ function noop() {}
 
 function createRequest(
   children,
-  resources,
-  responseState,
+  resumableState,
+  renderState,
   rootFormatContext,
   progressiveChunkSize,
   onError,
@@ -9509,7 +9537,8 @@ function createRequest(
   var request = {
     destination: null,
     flushScheduled: false,
-    responseState: responseState,
+    resumableState: resumableState,
+    renderState: renderState,
     progressiveChunkSize:
       progressiveChunkSize === undefined
         ? DEFAULT_PROGRESSIVE_CHUNK_SIZE
@@ -9519,7 +9548,6 @@ function createRequest(
     nextSegmentId: 0,
     allPendingTasks: 0,
     pendingRootTasks: 0,
-    resources: resources,
     completedRootSegment: null,
     abortableTasks: abortSet,
     pingedTasks: pingedTasks,
@@ -9820,7 +9848,7 @@ function renderSuspenseBoundary(request, task, props) {
 
   {
     setCurrentlyRenderingBoundaryResourcesTarget(
-      request.resources,
+      request.renderState,
       newBoundary.resources
     );
   }
@@ -9830,7 +9858,7 @@ function renderSuspenseBoundary(request, task, props) {
     renderNode(request, task, content, 0);
     pushSegmentFinale(
       contentRootSegment.chunks,
-      request.responseState,
+      request.renderState,
       contentRootSegment.lastPushedText,
       contentRootSegment.textEmbedded
     );
@@ -9863,7 +9891,7 @@ function renderSuspenseBoundary(request, task, props) {
   } finally {
     {
       setCurrentlyRenderingBoundaryResourcesTarget(
-        request.resources,
+        request.renderState,
         parentBoundary ? parentBoundary.resources : null
       );
     }
@@ -9902,8 +9930,8 @@ function renderHostElement(request, task, type, props) {
     segment.chunks,
     type,
     props,
-    request.resources,
-    request.responseState,
+    request.resumableState,
+    request.renderState,
     segment.formatContext,
     segment.lastPushedText
   );
@@ -9920,7 +9948,7 @@ function renderHostElement(request, task, type, props) {
     segment.chunks,
     type,
     props,
-    request.responseState,
+    request.resumableState,
     prevContext
   );
   segment.lastPushedText = false;
@@ -10661,7 +10689,7 @@ function renderNodeDestructiveImpl(
     segment.lastPushedText = pushTextInstance(
       task.blockedSegment.chunks,
       node,
-      request.responseState,
+      request.renderState,
       segment.lastPushedText
     );
     return;
@@ -10672,7 +10700,7 @@ function renderNodeDestructiveImpl(
     _segment.lastPushedText = pushTextInstance(
       task.blockedSegment.chunks,
       "" + node,
-      request.responseState,
+      request.renderState,
       _segment.lastPushedText
     );
     return;
@@ -11043,7 +11071,7 @@ function retryTask(request, task) {
   {
     var blockedBoundary = task.blockedBoundary;
     setCurrentlyRenderingBoundaryResourcesTarget(
-      request.resources,
+      request.renderState,
       blockedBoundary ? blockedBoundary.resources : null
     );
   }
@@ -11079,7 +11107,7 @@ function retryTask(request, task) {
     renderNodeDestructive(request, task, prevThenableState, task.node, 0);
     pushSegmentFinale(
       segment.chunks,
-      request.responseState,
+      request.renderState,
       segment.lastPushedText,
       segment.textEmbedded
     );
@@ -11112,7 +11140,7 @@ function retryTask(request, task) {
     }
   } finally {
     {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.resources, null);
+      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
     }
 
     {
@@ -11145,8 +11173,8 @@ function performWork(request) {
     ReactDebugCurrentFrame.getCurrentStack = getCurrentStackInDEV;
   }
 
-  var prevResponseState = currentResponseState;
-  setCurrentResponseState(request.responseState);
+  var prevResumableState = currentResumableState;
+  setCurrentResumableState(request.resumableState);
 
   try {
     var pingedTasks = request.pingedTasks;
@@ -11166,7 +11194,7 @@ function performWork(request) {
     logRecoverableError(request, error);
     fatalError(request, error);
   } finally {
-    setCurrentResponseState(prevResponseState);
+    setCurrentResumableState(prevResumableState);
     ReactCurrentDispatcher.current = prevDispatcher;
 
     {
@@ -11203,7 +11231,7 @@ function flushSubtree(request, destination, segment) {
 
       segment.lastPushedText = false;
       segment.textEmbedded = false;
-      return writePlaceholder(destination, request.responseState, segmentID);
+      return writePlaceholder(destination, request.renderState, segmentID);
     }
 
     case COMPLETED: {
@@ -11258,7 +11286,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(
       destination,
-      request.responseState,
+      request.renderState,
       boundary.errorDigest,
       boundary.errorMessage,
       boundary.errorComponentStack
@@ -11267,7 +11295,7 @@ function flushSegment(request, destination, segment) {
     flushSubtree(request, destination, segment);
     return writeEndClientRenderedSuspenseBoundary(
       destination,
-      request.responseState
+      request.renderState
     );
   } else if (boundary.pendingTasks > 0) {
     // This boundary is still loading. Emit a pending suspense boundary wrapper.
@@ -11279,8 +11307,11 @@ function flushSegment(request, destination, segment) {
       request.partialBoundaries.push(boundary);
     } /// This is the first time we should have referenced this ID.
 
-    var id = (boundary.id = assignSuspenseBoundaryID(request.responseState));
-    writeStartPendingSuspenseBoundary(destination, request.responseState, id); // Flush the fallback.
+    var id = (boundary.id = assignSuspenseBoundaryID(
+      request.renderState,
+      request.resumableState
+    ));
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
 
     flushSubtree(request, destination, segment);
     return writeEndPendingSuspenseBoundary(destination);
@@ -11296,7 +11327,7 @@ function flushSegment(request, destination, segment) {
 
     writeStartPendingSuspenseBoundary(
       destination,
-      request.responseState,
+      request.renderState,
       boundary.id
     ); // Flush the fallback.
 
@@ -11304,10 +11335,10 @@ function flushSegment(request, destination, segment) {
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.resources, boundary.resources);
+      hoistResources(request.renderState, boundary.resources);
     } // We can inline this boundary's content as a complete boundary.
 
-    writeStartCompletedSuspenseBoundary(destination, request.responseState);
+    writeStartCompletedSuspenseBoundary(destination, request.renderState);
     var completedSegments = boundary.completedSegments;
 
     if (completedSegments.length !== 1) {
@@ -11318,17 +11349,15 @@ function flushSegment(request, destination, segment) {
 
     var contentSegment = completedSegments[0];
     flushSegment(request, destination, contentSegment);
-    return writeEndCompletedSuspenseBoundary(
-      destination,
-      request.responseState
-    );
+    return writeEndCompletedSuspenseBoundary(destination, request.renderState);
   }
 }
 
 function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(
     destination,
-    request.responseState,
+    request.resumableState,
+    request.renderState,
     boundary.id,
     boundary.errorDigest,
     boundary.errorMessage,
@@ -11339,7 +11368,7 @@ function flushClientRenderedBoundary(request, destination, boundary) {
 function flushSegmentContainer(request, destination, segment) {
   writeStartSegment(
     destination,
-    request.responseState,
+    request.renderState,
     segment.formatContext,
     segment.id
   );
@@ -11350,7 +11379,7 @@ function flushSegmentContainer(request, destination, segment) {
 function flushCompletedBoundary(request, destination, boundary) {
   {
     setCurrentlyRenderingBoundaryResourcesTarget(
-      request.resources,
+      request.renderState,
       boundary.resources
     );
   }
@@ -11369,13 +11398,14 @@ function flushCompletedBoundary(request, destination, boundary) {
     writeResourcesForBoundary(
       destination,
       boundary.resources,
-      request.responseState
+      request.renderState
     );
   }
 
   return writeCompletedBoundaryInstruction(
     destination,
-    request.responseState,
+    request.resumableState,
+    request.renderState,
     boundary.id,
     boundary.rootSegmentID,
     boundary.resources
@@ -11385,7 +11415,7 @@ function flushCompletedBoundary(request, destination, boundary) {
 function flushPartialBoundary(request, destination, boundary) {
   {
     setCurrentlyRenderingBoundaryResourcesTarget(
-      request.resources,
+      request.renderState,
       boundary.resources
     );
   }
@@ -11417,7 +11447,7 @@ function flushPartialBoundary(request, destination, boundary) {
     return writeResourcesForBoundary(
       destination,
       boundary.resources,
-      request.responseState
+      request.renderState
     );
   }
 }
@@ -11451,7 +11481,8 @@ function flushPartiallyCompletedSegment(
     flushSegmentContainer(request, destination, segment);
     return writeCompletedSegmentInstruction(
       destination,
-      request.responseState,
+      request.resumableState,
+      request.renderState,
       segmentID
     );
   }
@@ -11471,15 +11502,15 @@ function flushCompletedQueues(request, destination) {
         if (enableFloat) {
           writePreamble(
             destination,
-            request.resources,
-            request.responseState,
+            request.resumableState,
+            request.renderState,
             request.allPendingTasks === 0
           );
         }
 
         flushSegment(request, destination, completedRootSegment);
         request.completedRootSegment = null;
-        writeCompletedRoot(destination, request.responseState);
+        writeCompletedRoot(destination, request.resumableState);
       } else {
         // We haven't flushed the root yet so we don't need to check any other branches further down
         return;
@@ -11490,7 +11521,7 @@ function flushCompletedQueues(request, destination) {
     }
 
     if (enableFloat) {
-      writeHoistables(destination, request.resources, request.responseState);
+      writeHoistables(destination, request.resumableState, request.renderState);
     } // We emit client rendering instructions for already emitted boundaries first.
     // This is so that we can signal to the client to start client rendering them as
     // soon as possible.
@@ -11575,7 +11606,7 @@ function flushCompletedQueues(request, destination) {
       request.flushScheduled = false;
 
       {
-        writePostamble(destination, request.responseState);
+        writePostamble(destination, request.resumableState);
       }
 
       {
@@ -11668,9 +11699,9 @@ function abort(request, reason) {
 function flushResources(request) {
   enqueueFlush(request);
 }
-function getResources(request) {
-  return request.resources;
-}
+function getResumableState(request) {
+  return request.resumableState;
+} // Returns the state of a postponed request or null if nothing was postponed.
 
 function onError() {
   // Non-fatal errors are ignored.
@@ -11680,8 +11711,7 @@ function renderToStringImpl(
   children,
   options,
   generateStaticMarkup,
-  abortReason,
-  unstable_externalRuntimeSrc
+  abortReason
 ) {
   var didFatal = false;
   var fatalError = null;
@@ -11707,16 +11737,18 @@ function renderToStringImpl(
     readyToStream = true;
   }
 
-  var resources = createResources();
+  var resumableState = createResumableState(
+    options ? options.identifierPrefix : undefined,
+    undefined,
+    undefined,
+    undefined,
+    undefined,
+    undefined
+  );
   var request = createRequest(
     children,
-    resources,
-    createResponseState(
-      resources,
-      generateStaticMarkup,
-      options ? options.identifierPrefix : undefined,
-      unstable_externalRuntimeSrc
-    ),
+    resumableState,
+    createRenderState(resumableState, undefined, generateStaticMarkup),
     createRootFormatContext(),
     Infinity,
     onError,
diff --git a/compiled/facebook-www/ReactDOMServer-prod.classic.js b/compiled/facebook-www/ReactDOMServer-prod.classic.js
index eeb8218452..b787fa2b49 100644
--- a/compiled/facebook-www/ReactDOMServer-prod.classic.js
+++ b/compiled/facebook-www/ReactDOMServer-prod.classic.js
@@ -193,7 +193,191 @@ var isArrayImpl = Array.isArray,
     preloadModule: preloadModule,
     preinit: preinit,
     preinitModule: preinitModule
+  },
+  scriptRegex = /(<\/|<)(s)(cript)/gi;
+function scriptReplacer(match, prefix, s, suffix) {
+  return "" + prefix + ("s" === s ? "\\u0073" : "\\u0053") + suffix;
+}
+function createResumableState(
+  identifierPrefix,
+  nonce,
+  bootstrapScriptContent,
+  bootstrapScripts,
+  bootstrapModules,
+  externalRuntimeConfig
+) {
+  var idPrefix = void 0 === identifierPrefix ? "" : identifierPrefix;
+  identifierPrefix = [];
+  var streamingFormat = 0,
+    externalRuntimeScript = null;
+  if (void 0 !== bootstrapScriptContent) {
+    var inlineScriptWithNonce =
+      void 0 === nonce
+        ? "<script>"
+        : '<script nonce="' + escapeTextForBrowser(nonce) + '">';
+    identifierPrefix.push(
+      inlineScriptWithNonce,
+      ("" + bootstrapScriptContent).replace(scriptRegex, scriptReplacer),
+      "\x3c/script>"
+    );
+  }
+  void 0 !== externalRuntimeConfig &&
+    ((streamingFormat = 1),
+    "string" === typeof externalRuntimeConfig
+      ? ((externalRuntimeScript = { src: externalRuntimeConfig, chunks: [] }),
+        pushScriptImpl(externalRuntimeScript.chunks, {
+          src: externalRuntimeConfig,
+          async: !0,
+          integrity: void 0,
+          nonce: nonce
+        }))
+      : ((externalRuntimeScript = {
+          src: externalRuntimeConfig.src,
+          chunks: []
+        }),
+        pushScriptImpl(externalRuntimeScript.chunks, {
+          src: externalRuntimeConfig.src,
+          async: !0,
+          integrity: externalRuntimeConfig.integrity,
+          nonce: nonce
+        })));
+  bootstrapScriptContent = {
+    externalRuntimeScript: externalRuntimeScript,
+    bootstrapChunks: identifierPrefix,
+    idPrefix: idPrefix,
+    nextSuspenseID: 0,
+    streamingFormat: streamingFormat,
+    instructions: 0,
+    hasBody: !1,
+    hasHtml: !1,
+    preloadsMap: new Map(),
+    preconnectsMap: new Map(),
+    stylesMap: new Map(),
+    scriptsMap: new Map(),
+    preconnects: new Set(),
+    fontPreloads: new Set(),
+    highImagePreloads: new Set(),
+    precedences: new Map(),
+    stylePrecedences: new Map(),
+    bootstrapScripts: new Set(),
+    scripts: new Set(),
+    bulkPreloads: new Set()
   };
+  if (void 0 !== bootstrapScripts)
+    for (
+      externalRuntimeConfig = 0;
+      externalRuntimeConfig < bootstrapScripts.length;
+      externalRuntimeConfig++
+    ) {
+      externalRuntimeScript = bootstrapScripts[externalRuntimeConfig];
+      idPrefix =
+        "string" === typeof externalRuntimeScript
+          ? externalRuntimeScript
+          : externalRuntimeScript.src;
+      streamingFormat =
+        "string" === typeof externalRuntimeScript
+          ? void 0
+          : externalRuntimeScript.integrity;
+      externalRuntimeScript =
+        "string" === typeof externalRuntimeScript ||
+        null == externalRuntimeScript.crossOrigin
+          ? void 0
+          : "use-credentials" === externalRuntimeScript.crossOrigin
+          ? "use-credentials"
+          : "";
+      inlineScriptWithNonce = {
+        rel: "preload",
+        href: idPrefix,
+        as: "script",
+        fetchPriority: "low",
+        nonce: nonce,
+        integrity: streamingFormat,
+        crossOrigin: externalRuntimeScript
+      };
+      var resource = {
+        type: "preload",
+        chunks: [],
+        state: 0,
+        props: inlineScriptWithNonce
+      };
+      bootstrapScriptContent.preloadsMap.set("[script]" + idPrefix, resource);
+      bootstrapScriptContent.bootstrapScripts.add(resource);
+      pushLinkImpl(resource.chunks, inlineScriptWithNonce);
+      identifierPrefix.push('<script src="', escapeTextForBrowser(idPrefix));
+      nonce && identifierPrefix.push('" nonce="', escapeTextForBrowser(nonce));
+      streamingFormat &&
+        identifierPrefix.push(
+          '" integrity="',
+          escapeTextForBrowser(streamingFormat)
+        );
+      "string" === typeof externalRuntimeScript &&
+        identifierPrefix.push(
+          '" crossorigin="',
+          escapeTextForBrowser(externalRuntimeScript)
+        );
+      identifierPrefix.push('" async="">\x3c/script>');
+    }
+  if (void 0 !== bootstrapModules)
+    for (
+      bootstrapScripts = 0;
+      bootstrapScripts < bootstrapModules.length;
+      bootstrapScripts++
+    )
+      (streamingFormat = bootstrapModules[bootstrapScripts]),
+        (externalRuntimeConfig =
+          "string" === typeof streamingFormat
+            ? streamingFormat
+            : streamingFormat.src),
+        (idPrefix =
+          "string" === typeof streamingFormat
+            ? void 0
+            : streamingFormat.integrity),
+        (streamingFormat =
+          "string" === typeof streamingFormat ||
+          null == streamingFormat.crossOrigin
+            ? void 0
+            : "use-credentials" === streamingFormat.crossOrigin
+            ? "use-credentials"
+            : ""),
+        (externalRuntimeScript = {
+          rel: "modulepreload",
+          href: externalRuntimeConfig,
+          fetchPriority: "low",
+          nonce: nonce,
+          integrity: idPrefix,
+          crossOrigin: streamingFormat
+        }),
+        (inlineScriptWithNonce = {
+          type: "preload",
+          chunks: [],
+          state: 0,
+          props: externalRuntimeScript
+        }),
+        bootstrapScriptContent.preloadsMap.set(
+          "[script]" + externalRuntimeConfig,
+          inlineScriptWithNonce
+        ),
+        bootstrapScriptContent.bootstrapScripts.add(inlineScriptWithNonce),
+        pushLinkImpl(inlineScriptWithNonce.chunks, externalRuntimeScript),
+        identifierPrefix.push(
+          '<script type="module" src="',
+          escapeTextForBrowser(externalRuntimeConfig)
+        ),
+        nonce &&
+          identifierPrefix.push('" nonce="', escapeTextForBrowser(nonce)),
+        idPrefix &&
+          identifierPrefix.push(
+            '" integrity="',
+            escapeTextForBrowser(idPrefix)
+          ),
+        "string" === typeof streamingFormat &&
+          identifierPrefix.push(
+            '" crossorigin="',
+            escapeTextForBrowser(streamingFormat)
+          ),
+        identifierPrefix.push('" async="">\x3c/script>');
+  return bootstrapScriptContent;
+}
 function createFormatContext(insertionMode, selectedValue, noscriptTagInScope) {
   return {
     insertionMode: insertionMode,
@@ -302,7 +486,8 @@ function pushAdditionalFormField(value, key) {
 }
 function pushFormActionAttribute(
   target,
-  responseState,
+  resumableState,
+  renderState,
   formAction,
   formEncType,
   formMethod,
@@ -500,8 +685,8 @@ function flattenOptionChildren(children) {
 function pushLink(
   target,
   props,
-  responseState,
-  resources,
+  resumableState,
+  renderState,
   textEmbedded,
   insertionMode,
   noscriptTagInScope
@@ -519,7 +704,7 @@ function pushLink(
   )
     return pushLinkImpl(target, props), null;
   if ("stylesheet" === props.rel) {
-    responseState = "[style]" + href;
+    insertionMode = "[style]" + href;
     if (
       "string" !== typeof precedence ||
       null != props.disabled ||
@@ -527,42 +712,42 @@ function pushLink(
       props.onError
     )
       return pushLinkImpl(target, props);
-    insertionMode = resources.stylesMap.get(responseState);
-    insertionMode ||
+    noscriptTagInScope = resumableState.stylesMap.get(insertionMode);
+    noscriptTagInScope ||
       ((props = assign({}, props, {
         "data-precedence": props.precedence,
         precedence: null
       })),
-      (insertionMode = resources.preloadsMap.get(responseState)),
-      (noscriptTagInScope = 0),
-      insertionMode &&
-        ((insertionMode.state |= 4),
-        (rel = insertionMode.props),
-        null == props.crossOrigin && (props.crossOrigin = rel.crossOrigin),
-        null == props.integrity && (props.integrity = rel.integrity),
-        insertionMode.state & 3 && (noscriptTagInScope = 8)),
-      (insertionMode = {
+      (noscriptTagInScope = resumableState.preloadsMap.get(insertionMode)),
+      (rel = 0),
+      noscriptTagInScope &&
+        ((noscriptTagInScope.state |= 4),
+        (href = noscriptTagInScope.props),
+        null == props.crossOrigin && (props.crossOrigin = href.crossOrigin),
+        null == props.integrity && (props.integrity = href.integrity),
+        noscriptTagInScope.state & 3 && (rel = 8)),
+      (noscriptTagInScope = {
         type: "stylesheet",
         chunks: [],
-        state: noscriptTagInScope,
+        state: rel,
         props: props
       }),
-      resources.stylesMap.set(responseState, insertionMode),
-      (props = resources.precedences.get(precedence)),
+      resumableState.stylesMap.set(insertionMode, noscriptTagInScope),
+      (props = resumableState.precedences.get(precedence)),
       props ||
         ((props = new Set()),
-        resources.precedences.set(precedence, props),
-        (responseState = {
+        resumableState.precedences.set(precedence, props),
+        (insertionMode = {
           type: "style",
           chunks: [],
           state: 0,
           props: { precedence: precedence, hrefs: [] }
         }),
-        props.add(responseState),
-        resources.stylePrecedences.set(precedence, responseState)),
-      props.add(insertionMode));
-    resources.boundaryResources &&
-      resources.boundaryResources.add(insertionMode);
+        props.add(insertionMode),
+        resumableState.stylePrecedences.set(precedence, insertionMode)),
+      props.add(noscriptTagInScope));
+    renderState.boundaryResources &&
+      renderState.boundaryResources.add(noscriptTagInScope);
     textEmbedded && target.push("\x3c!-- --\x3e");
     return null;
   }
@@ -571,11 +756,11 @@ function pushLink(
   switch (props.rel) {
     case "preconnect":
     case "dns-prefetch":
-      return pushLinkImpl(responseState.preconnectChunks, props);
+      return pushLinkImpl(renderState.preconnectChunks, props);
     case "preload":
-      return pushLinkImpl(responseState.preloadChunks, props);
+      return pushLinkImpl(renderState.preloadChunks, props);
     default:
-      return pushLinkImpl(responseState.hoistableChunks, props);
+      return pushLinkImpl(renderState.hoistableChunks, props);
   }
 }
 function pushLinkImpl(target, props) {
@@ -722,8 +907,8 @@ function pushStartInstance(
   target$jscomp$0,
   type,
   props,
-  resources,
-  responseState,
+  resumableState,
+  renderState,
   formatContext,
   textEmbedded
 ) {
@@ -917,7 +1102,8 @@ function pushStartInstance(
         }
       var formData = pushFormActionAttribute(
         target$jscomp$0,
-        responseState,
+        resumableState,
+        renderState,
         formAction,
         formEncType,
         formMethod,
@@ -982,7 +1168,8 @@ function pushStartInstance(
         }
       var formData$jscomp$0 = pushFormActionAttribute(
         target$jscomp$0,
-        responseState,
+        resumableState,
+        renderState,
         formAction$jscomp$0,
         formEncType$jscomp$0,
         formMethod$jscomp$0,
@@ -1084,15 +1271,15 @@ function pushStartInstance(
           props
         );
       else
-        pushTitleImpl(responseState.hoistableChunks, props),
+        pushTitleImpl(renderState.hoistableChunks, props),
           (JSCompiler_inline_result$jscomp$1 = null);
       return JSCompiler_inline_result$jscomp$1;
     case "link":
       return pushLink(
         target$jscomp$0,
         props,
-        responseState,
-        resources,
+        resumableState,
+        renderState,
         textEmbedded,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope
@@ -1117,13 +1304,13 @@ function pushStartInstance(
         );
       else {
         var key = "[script]" + props.src,
-          resource = resources.scriptsMap.get(key);
+          resource = resumableState.scriptsMap.get(key);
         if (!resource) {
           resource = { type: "script", chunks: [], state: 0, props: null };
-          resources.scriptsMap.set(key, resource);
-          resources.scripts.add(resource);
+          resumableState.scriptsMap.set(key, resource);
+          resumableState.scripts.add(resource);
           var scriptProps = props,
-            preloadResource = resources.preloadsMap.get(key);
+            preloadResource = resumableState.preloadsMap.get(key);
           if (preloadResource) {
             preloadResource.state |= 4;
             var resourceProps = (scriptProps = assign({}, props)),
@@ -1189,9 +1376,12 @@ function pushStartInstance(
         var JSCompiler_inline_result$jscomp$3 = null;
       } else {
         var key$jscomp$0 = "[style]" + href,
-          resource$jscomp$0 = resources.stylesMap.get(key$jscomp$0);
+          resource$jscomp$0 = resumableState.stylesMap.get(key$jscomp$0);
         if (!resource$jscomp$0) {
-          if ((resource$jscomp$0 = resources.stylePrecedences.get(precedence)))
+          if (
+            (resource$jscomp$0 =
+              resumableState.stylePrecedences.get(precedence))
+          )
             resource$jscomp$0.props.hrefs.push(href);
           else {
             resource$jscomp$0 = {
@@ -1200,14 +1390,14 @@ function pushStartInstance(
               state: 0,
               props: { precedence: precedence, hrefs: [href] }
             };
-            resources.stylePrecedences.set(precedence, resource$jscomp$0);
+            resumableState.stylePrecedences.set(precedence, resource$jscomp$0);
             var precedenceSet = new Set();
             precedenceSet.add(resource$jscomp$0);
-            resources.precedences.set(precedence, precedenceSet);
+            resumableState.precedences.set(precedence, precedenceSet);
           }
-          resources.stylesMap.set(key$jscomp$0, resource$jscomp$0);
-          resources.boundaryResources &&
-            resources.boundaryResources.add(resource$jscomp$0);
+          resumableState.stylesMap.set(key$jscomp$0, resource$jscomp$0);
+          renderState.boundaryResources &&
+            renderState.boundaryResources.add(resource$jscomp$0);
           var target = resource$jscomp$0.chunks,
             children$jscomp$5 = null,
             innerHTML$jscomp$4 = null,
@@ -1255,10 +1445,10 @@ function pushStartInstance(
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
           (JSCompiler_inline_result$jscomp$4 =
             "string" === typeof props.charSet
-              ? pushSelfClosing(responseState.charsetChunks, props, "meta")
+              ? pushSelfClosing(renderState.charsetChunks, props, "meta")
               : "viewport" === props.name
-              ? pushSelfClosing(responseState.preconnectChunks, props, "meta")
-              : pushSelfClosing(responseState.hoistableChunks, props, "meta"));
+              ? pushSelfClosing(renderState.preconnectChunks, props, "meta")
+              : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
       return JSCompiler_inline_result$jscomp$4;
     case "listing":
     case "pre":
@@ -1326,7 +1516,7 @@ function pushStartInstance(
       ) {
         var sizes = props.sizes,
           key$jscomp$1 = getImagePreloadKey(src, srcSet, sizes),
-          resource$jscomp$1 = resources.preloadsMap.get(key$jscomp$1);
+          resource$jscomp$1 = resumableState.preloadsMap.get(key$jscomp$1);
         resource$jscomp$1 ||
           ((resource$jscomp$1 = {
             type: "preload",
@@ -1345,11 +1535,12 @@ function pushStartInstance(
               referrerPolicy: props.referrerPolicy
             }
           }),
-          resources.preloadsMap.set(key$jscomp$1, resource$jscomp$1),
+          resumableState.preloadsMap.set(key$jscomp$1, resource$jscomp$1),
           pushLinkImpl(resource$jscomp$1.chunks, resource$jscomp$1.props));
-        "high" === props.fetchPriority || 10 > resources.highImagePreloads.size
-          ? resources.highImagePreloads.add(resource$jscomp$1)
-          : resources.bulkPreloads.add(resource$jscomp$1);
+        "high" === props.fetchPriority ||
+        10 > resumableState.highImagePreloads.size
+          ? resumableState.highImagePreloads.add(resource$jscomp$1)
+          : resumableState.bulkPreloads.add(resource$jscomp$1);
       }
       return pushSelfClosing(target$jscomp$0, props, "img");
     case "base":
@@ -1374,13 +1565,10 @@ function pushStartInstance(
     case "missing-glyph":
       break;
     case "head":
-      if (
-        2 > formatContext.insertionMode &&
-        null === responseState.headChunks
-      ) {
-        responseState.headChunks = [];
+      if (2 > formatContext.insertionMode && null === renderState.headChunks) {
+        renderState.headChunks = [];
         var JSCompiler_inline_result$jscomp$5 = pushStartGenericElement(
-          responseState.headChunks,
+          renderState.headChunks,
           props,
           "head"
         );
@@ -1394,11 +1582,11 @@ function pushStartInstance(
     case "html":
       if (
         0 === formatContext.insertionMode &&
-        null === responseState.htmlChunks
+        null === renderState.htmlChunks
       ) {
-        responseState.htmlChunks = [""];
+        renderState.htmlChunks = [""];
         var JSCompiler_inline_result$jscomp$6 = pushStartGenericElement(
-          responseState.htmlChunks,
+          renderState.htmlChunks,
           props,
           "html"
         );
@@ -1469,78 +1657,80 @@ function pushStartInstance(
   }
   return pushStartGenericElement(target$jscomp$0, props, type);
 }
-function writeBootstrap(destination, responseState) {
-  responseState = responseState.bootstrapChunks;
-  for (var i = 0; i < responseState.length - 1; i++)
-    destination.push(responseState[i]);
-  return i < responseState.length
-    ? ((i = responseState[i]), (responseState.length = 0), destination.push(i))
+function writeBootstrap(destination, resumableState) {
+  resumableState = resumableState.bootstrapChunks;
+  for (var i = 0; i < resumableState.length - 1; i++)
+    destination.push(resumableState[i]);
+  return i < resumableState.length
+    ? ((i = resumableState[i]),
+      (resumableState.length = 0),
+      destination.push(i))
     : !0;
 }
-function writeStartPendingSuspenseBoundary(destination, responseState, id) {
+function writeStartPendingSuspenseBoundary(destination, renderState, id) {
   destination.push('\x3c!--$?--\x3e<template id="');
   if (null === id) throw Error(formatProdErrorMessage(395));
   destination.push(id);
   return destination.push('"></template>');
 }
-function writeStartSegment(destination, responseState, formatContext, id) {
+function writeStartSegment(destination, renderState, formatContext, id) {
   switch (formatContext.insertionMode) {
     case 0:
     case 1:
     case 2:
       return (
         destination.push('<div hidden id="'),
-        destination.push(responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        destination.push(responseState),
+        destination.push(renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        destination.push(renderState),
         destination.push('">')
       );
     case 3:
       return (
         destination.push('<svg aria-hidden="true" style="display:none" id="'),
-        destination.push(responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        destination.push(responseState),
+        destination.push(renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        destination.push(renderState),
         destination.push('">')
       );
     case 4:
       return (
         destination.push('<math aria-hidden="true" style="display:none" id="'),
-        destination.push(responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        destination.push(responseState),
+        destination.push(renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        destination.push(renderState),
         destination.push('">')
       );
     case 5:
       return (
         destination.push('<table hidden id="'),
-        destination.push(responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        destination.push(responseState),
+        destination.push(renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        destination.push(renderState),
         destination.push('">')
       );
     case 6:
       return (
         destination.push('<table hidden><tbody id="'),
-        destination.push(responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        destination.push(responseState),
+        destination.push(renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        destination.push(renderState),
         destination.push('">')
       );
     case 7:
       return (
         destination.push('<table hidden><tr id="'),
-        destination.push(responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        destination.push(responseState),
+        destination.push(renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        destination.push(renderState),
         destination.push('">')
       );
     case 8:
       return (
         destination.push('<table hidden><colgroup id="'),
-        destination.push(responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        destination.push(responseState),
+        destination.push(renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        destination.push(renderState),
         destination.push('">')
       );
     default:
@@ -1646,13 +1836,13 @@ function flushStyleTagsLateForBoundary(resource) {
 function writeResourcesForBoundary(
   destination,
   boundaryResources,
-  responseState
+  renderState
 ) {
   currentlyRenderingBoundaryHasStylesToHoist = !1;
   destinationHasCapacity = !0;
   boundaryResources.forEach(flushStyleTagsLateForBoundary, destination);
   currentlyRenderingBoundaryHasStylesToHoist &&
-    (responseState.stylesToHoist = !0);
+    (renderState.stylesToHoist = !0);
   return destinationHasCapacity;
 }
 function flushResourceInPreamble(resource) {
@@ -1933,15 +2123,15 @@ function writeStyleResourceAttributeInAttr(destination, name, value) {
 function prefetchDNS(href) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resources = request.resources;
+    var resumableState = request.resumableState;
     if ("string" === typeof href && href) {
       var key = "[prefetchDNS]" + href,
-        resource = resources.preconnectsMap.get(key);
+        resource = resumableState.preconnectsMap.get(key);
       resource ||
         ((resource = { type: "preconnect", chunks: [], state: 0, props: null }),
-        resources.preconnectsMap.set(key, resource),
+        resumableState.preconnectsMap.set(key, resource),
         pushLinkImpl(resource.chunks, { href: href, rel: "dns-prefetch" }));
-      resources.preconnects.add(resource);
+      resumableState.preconnects.add(resource);
       enqueueFlush(request);
     }
   }
@@ -1949,7 +2139,7 @@ function prefetchDNS(href) {
 function preconnect(href, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resources = request.resources;
+    var resumableState = request.resumableState;
     if ("string" === typeof href && href) {
       options =
         null == options || "string" !== typeof options.crossOrigin
@@ -1959,16 +2149,16 @@ function preconnect(href, options) {
           : "";
       var key =
           "[preconnect][" + (null === options ? "null" : options) + "]" + href,
-        resource = resources.preconnectsMap.get(key);
+        resource = resumableState.preconnectsMap.get(key);
       resource ||
         ((resource = { type: "preconnect", chunks: [], state: 0, props: null }),
-        resources.preconnectsMap.set(key, resource),
+        resumableState.preconnectsMap.set(key, resource),
         pushLinkImpl(resource.chunks, {
           rel: "preconnect",
           href: href,
           crossOrigin: options
         }));
-      resources.preconnects.add(resource);
+      resumableState.preconnects.add(resource);
       enqueueFlush(request);
     }
   }
@@ -1976,7 +2166,7 @@ function preconnect(href, options) {
 function preload(href, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resources = request.resources;
+    var resumableState = request.resumableState;
     if (
       "string" === typeof href &&
       href &&
@@ -1990,7 +2180,7 @@ function preload(href, options) {
         "image" === as
           ? getImagePreloadKey(href, options.imageSrcSet, options.imageSizes)
           : "[" + as + "]" + href;
-      var resource = resources.preloadsMap.get(key);
+      var resource = resumableState.preloadsMap.get(key);
       resource ||
         ((resource = {
           type: "preload",
@@ -2010,13 +2200,13 @@ function preload(href, options) {
             referrerPolicy: options.referrerPolicy
           }
         }),
-        resources.preloadsMap.set(key, resource),
+        resumableState.preloadsMap.set(key, resource),
         pushLinkImpl(resource.chunks, resource.props));
       "font" === as
-        ? resources.fontPreloads.add(resource)
+        ? resumableState.fontPreloads.add(resource)
         : "image" === as && "high" === options.fetchPriority
-        ? resources.highImagePreloads.add(resource)
-        : resources.bulkPreloads.add(resource);
+        ? resumableState.highImagePreloads.add(resource)
+        : resumableState.bulkPreloads.add(resource);
       enqueueFlush(request);
     }
   }
@@ -2024,12 +2214,12 @@ function preload(href, options) {
 function preloadModule(href, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resources = request.resources;
+    var resumableState = request.resumableState;
     if ("string" === typeof href && href) {
       var as =
           options && "string" === typeof options.as ? options.as : "script",
         key = "[" + as + "]" + href,
-        resource = resources.preloadsMap.get(key);
+        resource = resumableState.preloadsMap.get(key);
       resource ||
         ((resource = {
           type: "preload",
@@ -2043,9 +2233,9 @@ function preloadModule(href, options) {
             integrity: options ? options.integrity : void 0
           }
         }),
-        resources.preloadsMap.set(key, resource),
+        resumableState.preloadsMap.set(key, resource),
         pushLinkImpl(resource.chunks, resource.props));
-      resources.bulkPreloads.add(resource);
+      resumableState.bulkPreloads.add(resource);
       enqueueFlush(request);
     }
   }
@@ -2053,7 +2243,7 @@ function preloadModule(href, options) {
 function preinit(href, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resources = request.resources;
+    var resumableState = request.resumableState;
     if (
       "string" === typeof href &&
       href &&
@@ -2064,11 +2254,11 @@ function preinit(href, options) {
       switch (as) {
         case "style":
           var key = "[" + as + "]" + href,
-            resource = resources.stylesMap.get(key);
+            resource = resumableState.stylesMap.get(key);
           as = options.precedence || "default";
           if (!resource) {
             resource = 0;
-            var preloadResource = resources.preloadsMap.get(key);
+            var preloadResource = resumableState.preloadsMap.get(key);
             preloadResource && preloadResource.state & 3 && (resource = 8);
             resource = {
               type: "stylesheet",
@@ -2083,11 +2273,11 @@ function preinit(href, options) {
                 fetchPriority: options.fetchPriority
               }
             };
-            resources.stylesMap.set(key, resource);
-            href = resources.precedences.get(as);
+            resumableState.stylesMap.set(key, resource);
+            href = resumableState.precedences.get(as);
             href ||
               ((href = new Set()),
-              resources.precedences.set(as, href),
+              resumableState.precedences.set(as, href),
               (options = {
                 type: "style",
                 chunks: [],
@@ -2095,17 +2285,17 @@ function preinit(href, options) {
                 props: { precedence: as, hrefs: [] }
               }),
               href.add(options),
-              resources.stylePrecedences.set(as, options));
+              resumableState.stylePrecedences.set(as, options));
             href.add(resource);
             enqueueFlush(request);
           }
           break;
         case "script":
           (key = "[" + as + "]" + href),
-            (as = resources.scriptsMap.get(key)),
+            (as = resumableState.scriptsMap.get(key)),
             as ||
               ((as = { type: "script", chunks: [], state: 0, props: null }),
-              resources.scriptsMap.set(key, as),
+              resumableState.scriptsMap.set(key, as),
               (href = {
                 src: href,
                 async: !0,
@@ -2114,7 +2304,7 @@ function preinit(href, options) {
                 nonce: options.nonce,
                 fetchPriority: options.fetchPriority
               }),
-              resources.scripts.add(as),
+              resumableState.scripts.add(as),
               pushScriptImpl(as.chunks, href),
               enqueueFlush(request));
       }
@@ -2124,17 +2314,17 @@ function preinit(href, options) {
 function preinitModule(href, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resources = request.resources;
+    var resumableState = request.resumableState;
     if ("string" === typeof href && href) {
       var as =
         options && "string" === typeof options.as ? options.as : "script";
       switch (as) {
         case "script":
           var key = "[" + as + "]" + href;
-          as = resources.scriptsMap.get(key);
+          as = resumableState.scriptsMap.get(key);
           as ||
             ((as = { type: "script", chunks: [], state: 0, props: null }),
-            resources.scriptsMap.set(key, as),
+            resumableState.scriptsMap.set(key, as),
             (href = {
               src: href,
               type: "module",
@@ -2142,7 +2332,7 @@ function preinitModule(href, options) {
               crossOrigin: options ? options.crossOrigin : void 0,
               integrity: options ? options.integrity : void 0
             }),
-            resources.scripts.add(as),
+            resumableState.scripts.add(as),
             pushScriptImpl(as.chunks, href),
             enqueueFlush(request));
       }
@@ -2152,56 +2342,30 @@ function preinitModule(href, options) {
 function hoistStyleResource(resource) {
   this.add(resource);
 }
-function createResponseState(
-  resources,
-  generateStaticMarkup,
-  identifierPrefix,
-  externalRuntimeConfig
-) {
-  resources = void 0 === identifierPrefix ? "" : identifierPrefix;
-  identifierPrefix = null;
-  var streamingFormat = 0;
-  void 0 !== externalRuntimeConfig &&
-    ((streamingFormat = 1),
-    "string" === typeof externalRuntimeConfig
-      ? ((identifierPrefix = { src: externalRuntimeConfig, chunks: [] }),
-        pushScriptImpl(identifierPrefix.chunks, {
-          src: externalRuntimeConfig,
-          async: !0,
-          integrity: void 0,
-          nonce: void 0
-        }))
-      : ((identifierPrefix = { src: externalRuntimeConfig.src, chunks: [] }),
-        pushScriptImpl(identifierPrefix.chunks, {
-          src: externalRuntimeConfig.src,
-          async: !0,
-          integrity: externalRuntimeConfig.integrity,
-          nonce: void 0
-        })));
+function createRenderState(resumableState, nonce, generateStaticMarkup) {
+  nonce =
+    void 0 === nonce
+      ? "<script>"
+      : '<script nonce="' + escapeTextForBrowser(nonce) + '">';
+  resumableState = resumableState.idPrefix;
   return {
-    bootstrapChunks: [],
-    placeholderPrefix: resources + "P:",
-    segmentPrefix: resources + "S:",
-    boundaryPrefix: resources + "B:",
-    idPrefix: resources,
-    nextSuspenseID: 0,
-    streamingFormat: streamingFormat,
-    startInlineScript: "<script>",
-    instructions: 0,
-    externalRuntimeScript: identifierPrefix,
+    placeholderPrefix: resumableState + "P:",
+    segmentPrefix: resumableState + "S:",
+    boundaryPrefix: resumableState + "B:",
+    startInlineScript: nonce,
     htmlChunks: null,
     headChunks: null,
-    hasBody: !1,
     charsetChunks: [],
     preconnectChunks: [],
     preloadChunks: [],
     hoistableChunks: [],
+    boundaryResources: null,
     stylesToHoist: !1,
     generateStaticMarkup: generateStaticMarkup
   };
 }
-function pushTextInstance(target, text, responseState, textEmbedded) {
-  if (responseState.generateStaticMarkup)
+function pushTextInstance(target, text, renderState, textEmbedded) {
+  if (renderState.generateStaticMarkup)
     return target.push(escapeTextForBrowser(text)), !1;
   "" === text
     ? (target = textEmbedded)
@@ -2682,11 +2846,11 @@ var HooksDispatcher = {
         JSCompiler_inline_result &
         ~(1 << (32 - clz32(JSCompiler_inline_result) - 1))
       ).toString(32) + overflow;
-    var responseState = currentResponseState;
-    if (null === responseState) throw Error(formatProdErrorMessage(404));
+    var resumableState = currentResumableState;
+    if (null === resumableState) throw Error(formatProdErrorMessage(404));
     overflow = localIdCounter++;
     JSCompiler_inline_result =
-      ":" + responseState.idPrefix + "R" + JSCompiler_inline_result;
+      ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result;
     0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32));
     return JSCompiler_inline_result + ":";
   },
@@ -2707,7 +2871,7 @@ var HooksDispatcher = {
   }
 };
 enableAsyncActions && (HooksDispatcher.useOptimistic = useOptimistic);
-var currentResponseState = null,
+var currentResumableState = null,
   DefaultCacheDispatcher = {
     getCacheSignal: function () {
       throw Error(formatProdErrorMessage(248));
@@ -2725,8 +2889,8 @@ function defaultErrorHandler(error) {
 function noop() {}
 function createRequest(
   children,
-  resources,
-  responseState,
+  resumableState,
+  renderState,
   rootFormatContext,
   progressiveChunkSize,
   onError,
@@ -2739,10 +2903,11 @@ function createRequest(
   ReactDOMCurrentDispatcher.current = ReactDOMServerDispatcher;
   var pingedTasks = [],
     abortSet = new Set();
-  resources = {
+  resumableState = {
     destination: null,
     flushScheduled: !1,
-    responseState: responseState,
+    resumableState: resumableState,
+    renderState: renderState,
     progressiveChunkSize:
       void 0 === progressiveChunkSize ? 12800 : progressiveChunkSize,
     status: 0,
@@ -2750,7 +2915,6 @@ function createRequest(
     nextSegmentId: 0,
     allPendingTasks: 0,
     pendingRootTasks: 0,
-    resources: resources,
     completedRootSegment: null,
     abortableTasks: abortSet,
     pingedTasks: pingedTasks,
@@ -2765,7 +2929,7 @@ function createRequest(
     onFatalError: void 0 === onFatalError ? noop : onFatalError
   };
   rootFormatContext = createPendingSegment(
-    resources,
+    resumableState,
     0,
     null,
     rootFormatContext,
@@ -2774,7 +2938,7 @@ function createRequest(
   );
   rootFormatContext.parentFlushed = !0;
   children = createTask(
-    resources,
+    resumableState,
     null,
     children,
     null,
@@ -2786,7 +2950,7 @@ function createRequest(
     emptyTreeContext
   );
   pingedTasks.push(children);
-  return resources;
+  return resumableState;
 }
 var currentRequest = null;
 function createTask(
@@ -3012,8 +3176,8 @@ function renderElement(request, task, prevThenableState, type, props, ref) {
       contextKey.chunks,
       type,
       props,
-      request.resources,
-      request.responseState,
+      request.resumableState,
+      request.renderState,
       contextKey.formatContext,
       contextKey.lastPushedText
     );
@@ -3028,6 +3192,7 @@ function renderElement(request, task, prevThenableState, type, props, ref) {
     contextKey.formatContext = JSCompiler_inline_result;
     a: {
       task = contextKey.chunks;
+      request = request.resumableState;
       switch (type) {
         case "title":
         case "style":
@@ -3050,12 +3215,15 @@ function renderElement(request, task, prevThenableState, type, props, ref) {
           break a;
         case "body":
           if (1 >= JSCompiler_inline_result.insertionMode) {
-            request.responseState.hasBody = !0;
+            request.hasBody = !0;
             break a;
           }
           break;
         case "html":
-          if (0 === JSCompiler_inline_result.insertionMode) break a;
+          if (0 === JSCompiler_inline_result.insertionMode) {
+            request.hasHtml = !0;
+            break a;
+          }
       }
       task.push("</", type, ">");
     }
@@ -3119,11 +3287,11 @@ function renderElement(request, task, prevThenableState, type, props, ref) {
           oldReplace.parentFlushed = !0;
           task.blockedBoundary = initialState;
           task.blockedSegment = oldReplace;
-          request.resources.boundaryResources = initialState.resources;
+          request.renderState.boundaryResources = initialState.resources;
           try {
             if (
               (renderNode(request, task, props, 0),
-              request.responseState.generateStaticMarkup ||
+              request.renderState.generateStaticMarkup ||
                 (oldReplace.lastPushedText &&
                   oldReplace.textEmbedded &&
                   oldReplace.chunks.push("\x3c!-- --\x3e")),
@@ -3138,7 +3306,7 @@ function renderElement(request, task, prevThenableState, type, props, ref) {
               (JSCompiler_inline_result = logRecoverableError(request, error)),
               (initialState.errorDigest = JSCompiler_inline_result);
           } finally {
-            (request.resources.boundaryResources = type
+            (request.renderState.boundaryResources = type
               ? type.resources
               : null),
               (task.blockedBoundary = type),
@@ -3306,7 +3474,7 @@ function renderNodeDestructiveImpl(
       (childIndex.lastPushedText = pushTextInstance(
         task.blockedSegment.chunks,
         node,
-        request.responseState,
+        request.renderState,
         childIndex.lastPushedText
       )))
     : "number" === typeof node &&
@@ -3314,7 +3482,7 @@ function renderNodeDestructiveImpl(
       (childIndex.lastPushedText = pushTextInstance(
         task.blockedSegment.chunks,
         "" + node,
-        request.responseState,
+        request.renderState,
         childIndex.lastPushedText
       )));
 }
@@ -3480,8 +3648,8 @@ function performWork(request$jscomp$1) {
     ReactCurrentCache.current = DefaultCacheDispatcher;
     var prevRequest = currentRequest;
     currentRequest = request$jscomp$1;
-    var prevResponseState = currentResponseState;
-    currentResponseState = request$jscomp$1.responseState;
+    var prevResumableState = currentResumableState;
+    currentResumableState = request$jscomp$1.resumableState;
     try {
       var pingedTasks = request$jscomp$1.pingedTasks,
         i;
@@ -3489,7 +3657,7 @@ function performWork(request$jscomp$1) {
         var task = pingedTasks[i];
         var request = request$jscomp$1,
           blockedBoundary = task.blockedBoundary;
-        request.resources.boundaryResources = blockedBoundary
+        request.renderState.boundaryResources = blockedBoundary
           ? blockedBoundary.resources
           : null;
         var segment = task.blockedSegment;
@@ -3507,7 +3675,7 @@ function performWork(request$jscomp$1) {
               task.node,
               0
             );
-            request.responseState.generateStaticMarkup ||
+            request.renderState.generateStaticMarkup ||
               (segment.lastPushedText &&
                 segment.textEmbedded &&
                 segment.chunks.push("\x3c!-- --\x3e"));
@@ -3558,7 +3726,7 @@ function performWork(request$jscomp$1) {
               }
             }
           } finally {
-            request.resources.boundaryResources = null;
+            request.renderState.boundaryResources = null;
           }
         }
       }
@@ -3569,7 +3737,7 @@ function performWork(request$jscomp$1) {
       logRecoverableError(request$jscomp$1, error),
         fatalError(request$jscomp$1, error);
     } finally {
-      (currentResponseState = prevResponseState),
+      (currentResumableState = prevResumableState),
         (ReactCurrentDispatcher.current = prevDispatcher),
         (ReactCurrentCache.current = prevCacheDispatcher),
         prevDispatcher === HooksDispatcher && switchContext(prevContext),
@@ -3584,7 +3752,7 @@ function flushSubtree(request, destination, segment) {
       var segmentID = (segment.id = request.nextSegmentId++);
       segment.lastPushedText = !1;
       segment.textEmbedded = !1;
-      request = request.responseState;
+      request = request.renderState;
       destination.push('<template id="');
       destination.push(request.placeholderPrefix);
       request = segmentID.toString(16);
@@ -3616,7 +3784,7 @@ function flushSegment(request, destination, segment) {
   boundary.parentFlushed = !0;
   if (boundary.forceClientRender)
     return (
-      request.responseState.generateStaticMarkup ||
+      request.renderState.generateStaticMarkup ||
         ((boundary = boundary.errorDigest),
         destination.push("\x3c!--$!--\x3e"),
         destination.push("<template"),
@@ -3627,7 +3795,7 @@ function flushSegment(request, destination, segment) {
           destination.push('"')),
         destination.push("></template>")),
       flushSubtree(request, destination, segment),
-      (request = request.responseState.generateStaticMarkup
+      (request = request.renderState.generateStaticMarkup
         ? !0
         : destination.push("\x3c!--/$--\x3e")),
       request
@@ -3636,14 +3804,14 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     0 < boundary.completedSegments.length &&
       request.partialBoundaries.push(boundary);
-    var JSCompiler_inline_result = request.responseState;
-    var generatedID = JSCompiler_inline_result.nextSuspenseID++;
+    var JSCompiler_inline_result = request.renderState;
+    var generatedID = request.resumableState.nextSuspenseID++;
     JSCompiler_inline_result =
       JSCompiler_inline_result.boundaryPrefix + generatedID.toString(16);
     boundary = boundary.id = JSCompiler_inline_result;
     writeStartPendingSuspenseBoundary(
       destination,
-      request.responseState,
+      request.renderState,
       boundary
     );
     flushSubtree(request, destination, segment);
@@ -3655,20 +3823,20 @@ function flushSegment(request, destination, segment) {
       request.completedBoundaries.push(boundary),
       writeStartPendingSuspenseBoundary(
         destination,
-        request.responseState,
+        request.renderState,
         boundary.id
       ),
       flushSubtree(request, destination, segment),
       destination.push("\x3c!--/$--\x3e")
     );
-  (segment = request.resources.boundaryResources) &&
+  (segment = request.renderState.boundaryResources) &&
     boundary.resources.forEach(hoistStyleResource, segment);
-  request.responseState.generateStaticMarkup ||
+  request.renderState.generateStaticMarkup ||
     destination.push("\x3c!--$--\x3e");
   segment = boundary.completedSegments;
   if (1 !== segment.length) throw Error(formatProdErrorMessage(391));
   flushSegment(request, destination, segment[0]);
-  request = request.responseState.generateStaticMarkup
+  request = request.renderState.generateStaticMarkup
     ? !0
     : destination.push("\x3c!--/$--\x3e");
   return request;
@@ -3676,7 +3844,7 @@ function flushSegment(request, destination, segment) {
 function flushSegmentContainer(request, destination, segment) {
   writeStartSegment(
     destination,
-    request.responseState,
+    request.renderState,
     segment.formatContext,
     segment.id
   );
@@ -3684,7 +3852,7 @@ function flushSegmentContainer(request, destination, segment) {
   return writeEndSegment(destination, segment.formatContext);
 }
 function flushCompletedBoundary(request, destination, boundary) {
-  request.resources.boundaryResources = boundary.resources;
+  request.renderState.boundaryResources = boundary.resources;
   for (
     var completedSegments = boundary.completedSegments, i = 0;
     i < completedSegments.length;
@@ -3700,31 +3868,32 @@ function flushCompletedBoundary(request, destination, boundary) {
   writeResourcesForBoundary(
     destination,
     boundary.resources,
-    request.responseState
+    request.renderState
   );
-  request = request.responseState;
-  completedSegments = boundary.id;
-  i = boundary.rootSegmentID;
+  completedSegments = request.resumableState;
+  request = request.renderState;
+  i = boundary.id;
+  var contentSegmentID = boundary.rootSegmentID;
   boundary = boundary.resources;
   var requiresStyleInsertion = request.stylesToHoist;
   request.stylesToHoist = !1;
-  var scriptFormat = 0 === request.streamingFormat;
+  var scriptFormat = 0 === completedSegments.streamingFormat;
   scriptFormat
     ? (destination.push(request.startInlineScript),
       requiresStyleInsertion
-        ? 0 === (request.instructions & 2)
-          ? ((request.instructions |= 10),
+        ? 0 === (completedSegments.instructions & 2)
+          ? ((completedSegments.instructions |= 10),
             destination.push(
               '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'
             ))
-          : 0 === (request.instructions & 8)
-          ? ((request.instructions |= 8),
+          : 0 === (completedSegments.instructions & 8)
+          ? ((completedSegments.instructions |= 8),
             destination.push(
               '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'
             ))
           : destination.push('$RR("')
-        : 0 === (request.instructions & 2)
-        ? ((request.instructions |= 2),
+        : 0 === (completedSegments.instructions & 2)
+        ? ((completedSegments.instructions |= 2),
           destination.push(
             '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'
           ))
@@ -3732,12 +3901,12 @@ function flushCompletedBoundary(request, destination, boundary) {
     : requiresStyleInsertion
     ? destination.push('<template data-rri="" data-bid="')
     : destination.push('<template data-rci="" data-bid="');
-  if (null === completedSegments) throw Error(formatProdErrorMessage(395));
-  i = i.toString(16);
-  destination.push(completedSegments);
+  if (null === i) throw Error(formatProdErrorMessage(395));
+  contentSegmentID = contentSegmentID.toString(16);
+  destination.push(i);
   scriptFormat ? destination.push('","') : destination.push('" data-sid="');
   destination.push(request.segmentPrefix);
-  destination.push(i);
+  destination.push(contentSegmentID);
   requiresStyleInsertion
     ? scriptFormat
       ? (destination.push('",'),
@@ -3745,10 +3914,10 @@ function flushCompletedBoundary(request, destination, boundary) {
       : (destination.push('" data-sty="'),
         writeStyleResourceDependenciesInAttr(destination, boundary))
     : scriptFormat && destination.push('"');
-  completedSegments = scriptFormat
+  request = scriptFormat
     ? destination.push(")\x3c/script>")
     : destination.push('"></template>');
-  return writeBootstrap(destination, request) && completedSegments;
+  return writeBootstrap(destination, completedSegments) && request;
 }
 function flushPartiallyCompletedSegment(
   request,
@@ -3764,11 +3933,12 @@ function flushPartiallyCompletedSegment(
     return flushSegmentContainer(request, destination, segment);
   }
   flushSegmentContainer(request, destination, segment);
-  request = request.responseState;
-  (boundary = 0 === request.streamingFormat)
+  boundary = request.resumableState;
+  request = request.renderState;
+  (segment = 0 === boundary.streamingFormat)
     ? (destination.push(request.startInlineScript),
-      0 === (request.instructions & 1)
-        ? ((request.instructions |= 1),
+      0 === (boundary.instructions & 1)
+        ? ((boundary.instructions |= 1),
           destination.push(
             '$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};;$RS("'
           ))
@@ -3777,10 +3947,10 @@ function flushPartiallyCompletedSegment(
   destination.push(request.segmentPrefix);
   segmentID = segmentID.toString(16);
   destination.push(segmentID);
-  boundary ? destination.push('","') : destination.push('" data-pid="');
+  segment ? destination.push('","') : destination.push('" data-pid="');
   destination.push(request.placeholderPrefix);
   destination.push(segmentID);
-  destination = boundary
+  destination = segment
     ? destination.push('")\x3c/script>')
     : destination.push('"></template>');
   return destination;
@@ -3791,16 +3961,16 @@ function flushCompletedQueues(request, destination) {
       completedRootSegment = request.completedRootSegment;
     if (null !== completedRootSegment)
       if (0 === request.pendingRootTasks) {
-        var resources = request.resources,
-          responseState = request.responseState;
+        var resumableState = request.resumableState,
+          renderState = request.renderState;
         if (
           0 !== request.allPendingTasks &&
-          responseState.externalRuntimeScript
+          resumableState.externalRuntimeScript
         ) {
-          var _responseState$extern = responseState.externalRuntimeScript,
-            chunks = _responseState$extern.chunks,
-            key = "[script]" + _responseState$extern.src,
-            resource = resources.scriptsMap.get(key);
+          var _resumableState$exter = resumableState.externalRuntimeScript,
+            chunks = _resumableState$exter.chunks,
+            key = "[script]" + _resumableState$exter.src,
+            resource = resumableState.scriptsMap.get(key);
           resource ||
             ((resource = {
               type: "script",
@@ -3808,26 +3978,26 @@ function flushCompletedQueues(request, destination) {
               state: 0,
               props: null
             }),
-            resources.scriptsMap.set(key, resource),
-            resources.scripts.add(resource));
+            resumableState.scriptsMap.set(key, resource),
+            resumableState.scripts.add(resource));
         }
-        var htmlChunks = responseState.htmlChunks,
-          headChunks = responseState.headChunks;
-        _responseState$extern = 0;
+        var htmlChunks = renderState.htmlChunks,
+          headChunks = renderState.headChunks;
+        _resumableState$exter = 0;
         if (htmlChunks) {
           for (
-            _responseState$extern = 0;
-            _responseState$extern < htmlChunks.length;
-            _responseState$extern++
+            _resumableState$exter = 0;
+            _resumableState$exter < htmlChunks.length;
+            _resumableState$exter++
           )
-            destination.push(htmlChunks[_responseState$extern]);
+            destination.push(htmlChunks[_resumableState$exter]);
           if (headChunks)
             for (
-              _responseState$extern = 0;
-              _responseState$extern < headChunks.length;
-              _responseState$extern++
+              _resumableState$exter = 0;
+              _resumableState$exter < headChunks.length;
+              _resumableState$exter++
             )
-              destination.push(headChunks[_responseState$extern]);
+              destination.push(headChunks[_resumableState$exter]);
           else {
             var chunk = startChunkForTag("head");
             destination.push(chunk);
@@ -3835,60 +4005,72 @@ function flushCompletedQueues(request, destination) {
           }
         } else if (headChunks)
           for (
-            _responseState$extern = 0;
-            _responseState$extern < headChunks.length;
-            _responseState$extern++
+            _resumableState$exter = 0;
+            _resumableState$exter < headChunks.length;
+            _resumableState$exter++
           )
-            destination.push(headChunks[_responseState$extern]);
-        var charsetChunks = responseState.charsetChunks;
+            destination.push(headChunks[_resumableState$exter]);
+        var charsetChunks = renderState.charsetChunks;
         for (
-          _responseState$extern = 0;
-          _responseState$extern < charsetChunks.length;
-          _responseState$extern++
+          _resumableState$exter = 0;
+          _resumableState$exter < charsetChunks.length;
+          _resumableState$exter++
         )
-          destination.push(charsetChunks[_responseState$extern]);
+          destination.push(charsetChunks[_resumableState$exter]);
         charsetChunks.length = 0;
-        resources.preconnects.forEach(flushResourceInPreamble, destination);
-        resources.preconnects.clear();
-        var preconnectChunks = responseState.preconnectChunks;
+        resumableState.preconnects.forEach(
+          flushResourceInPreamble,
+          destination
+        );
+        resumableState.preconnects.clear();
+        var preconnectChunks = renderState.preconnectChunks;
         for (
-          _responseState$extern = 0;
-          _responseState$extern < preconnectChunks.length;
-          _responseState$extern++
+          _resumableState$exter = 0;
+          _resumableState$exter < preconnectChunks.length;
+          _resumableState$exter++
         )
-          destination.push(preconnectChunks[_responseState$extern]);
+          destination.push(preconnectChunks[_resumableState$exter]);
         preconnectChunks.length = 0;
-        resources.fontPreloads.forEach(flushResourceInPreamble, destination);
-        resources.fontPreloads.clear();
-        resources.highImagePreloads.forEach(
+        resumableState.fontPreloads.forEach(
           flushResourceInPreamble,
           destination
         );
-        resources.highImagePreloads.clear();
-        resources.precedences.forEach(flushAllStylesInPreamble, destination);
-        resources.bootstrapScripts.forEach(
+        resumableState.fontPreloads.clear();
+        resumableState.highImagePreloads.forEach(
           flushResourceInPreamble,
           destination
         );
-        resources.scripts.forEach(flushResourceInPreamble, destination);
-        resources.scripts.clear();
-        resources.bulkPreloads.forEach(flushResourceInPreamble, destination);
-        resources.bulkPreloads.clear();
-        var preloadChunks = responseState.preloadChunks;
+        resumableState.highImagePreloads.clear();
+        resumableState.precedences.forEach(
+          flushAllStylesInPreamble,
+          destination
+        );
+        resumableState.bootstrapScripts.forEach(
+          flushResourceInPreamble,
+          destination
+        );
+        resumableState.scripts.forEach(flushResourceInPreamble, destination);
+        resumableState.scripts.clear();
+        resumableState.bulkPreloads.forEach(
+          flushResourceInPreamble,
+          destination
+        );
+        resumableState.bulkPreloads.clear();
+        var preloadChunks = renderState.preloadChunks;
         for (
-          _responseState$extern = 0;
-          _responseState$extern < preloadChunks.length;
-          _responseState$extern++
+          _resumableState$exter = 0;
+          _resumableState$exter < preloadChunks.length;
+          _resumableState$exter++
         )
-          destination.push(preloadChunks[_responseState$extern]);
+          destination.push(preloadChunks[_resumableState$exter]);
         preloadChunks.length = 0;
-        var hoistableChunks = responseState.hoistableChunks;
+        var hoistableChunks = renderState.hoistableChunks;
         for (
-          _responseState$extern = 0;
-          _responseState$extern < hoistableChunks.length;
-          _responseState$extern++
+          _resumableState$exter = 0;
+          _resumableState$exter < hoistableChunks.length;
+          _resumableState$exter++
         )
-          destination.push(hoistableChunks[_responseState$extern]);
+          destination.push(hoistableChunks[_resumableState$exter]);
         hoistableChunks.length = 0;
         htmlChunks &&
           null === headChunks &&
@@ -3897,15 +4079,15 @@ function flushCompletedQueues(request, destination) {
           destination.push(">"));
         flushSegment(request, destination, completedRootSegment);
         request.completedRootSegment = null;
-        writeBootstrap(destination, request.responseState);
+        writeBootstrap(destination, request.resumableState);
       } else return;
     else if (0 < request.pendingRootTasks) return;
-    var resources$jscomp$0 = request.resources,
-      responseState$jscomp$0 = request.responseState;
+    var resumableState$jscomp$0 = request.resumableState,
+      renderState$jscomp$0 = request.renderState;
     completedRootSegment = 0;
-    resources$jscomp$0.preconnects.forEach(flushResourceLate, destination);
-    resources$jscomp$0.preconnects.clear();
-    var preconnectChunks$jscomp$0 = responseState$jscomp$0.preconnectChunks;
+    resumableState$jscomp$0.preconnects.forEach(flushResourceLate, destination);
+    resumableState$jscomp$0.preconnects.clear();
+    var preconnectChunks$jscomp$0 = renderState$jscomp$0.preconnectChunks;
     for (
       completedRootSegment = 0;
       completedRootSegment < preconnectChunks$jscomp$0.length;
@@ -3913,19 +4095,25 @@ function flushCompletedQueues(request, destination) {
     )
       destination.push(preconnectChunks$jscomp$0[completedRootSegment]);
     preconnectChunks$jscomp$0.length = 0;
-    resources$jscomp$0.fontPreloads.forEach(flushResourceLate, destination);
-    resources$jscomp$0.fontPreloads.clear();
-    resources$jscomp$0.highImagePreloads.forEach(
+    resumableState$jscomp$0.fontPreloads.forEach(
+      flushResourceLate,
+      destination
+    );
+    resumableState$jscomp$0.fontPreloads.clear();
+    resumableState$jscomp$0.highImagePreloads.forEach(
       flushResourceInPreamble,
       destination
     );
-    resources$jscomp$0.highImagePreloads.clear();
-    resources$jscomp$0.precedences.forEach(preloadLateStyles, destination);
-    resources$jscomp$0.scripts.forEach(flushResourceLate, destination);
-    resources$jscomp$0.scripts.clear();
-    resources$jscomp$0.bulkPreloads.forEach(flushResourceLate, destination);
-    resources$jscomp$0.bulkPreloads.clear();
-    var preloadChunks$jscomp$0 = responseState$jscomp$0.preloadChunks;
+    resumableState$jscomp$0.highImagePreloads.clear();
+    resumableState$jscomp$0.precedences.forEach(preloadLateStyles, destination);
+    resumableState$jscomp$0.scripts.forEach(flushResourceLate, destination);
+    resumableState$jscomp$0.scripts.clear();
+    resumableState$jscomp$0.bulkPreloads.forEach(
+      flushResourceLate,
+      destination
+    );
+    resumableState$jscomp$0.bulkPreloads.clear();
+    var preloadChunks$jscomp$0 = renderState$jscomp$0.preloadChunks;
     for (
       completedRootSegment = 0;
       completedRootSegment < preloadChunks$jscomp$0.length;
@@ -3933,7 +4121,7 @@ function flushCompletedQueues(request, destination) {
     )
       destination.push(preloadChunks$jscomp$0[completedRootSegment]);
     preloadChunks$jscomp$0.length = 0;
-    var hoistableChunks$jscomp$0 = responseState$jscomp$0.hoistableChunks;
+    var hoistableChunks$jscomp$0 = renderState$jscomp$0.hoistableChunks;
     for (
       completedRootSegment = 0;
       completedRootSegment < hoistableChunks$jscomp$0.length;
@@ -3944,64 +4132,64 @@ function flushCompletedQueues(request, destination) {
     var clientRenderedBoundaries = request.clientRenderedBoundaries;
     for (i = 0; i < clientRenderedBoundaries.length; i++) {
       var boundary = clientRenderedBoundaries[i];
-      resources$jscomp$0 = destination;
-      var responseState$jscomp$1 = request.responseState,
+      resumableState$jscomp$0 = destination;
+      var resumableState$jscomp$1 = request.resumableState,
         boundaryID = boundary.id,
         errorDigest = boundary.errorDigest,
         errorMessage = boundary.errorMessage,
         errorComponentStack = boundary.errorComponentStack,
-        scriptFormat = 0 === responseState$jscomp$1.streamingFormat;
+        scriptFormat = 0 === resumableState$jscomp$1.streamingFormat;
       scriptFormat
-        ? (resources$jscomp$0.push(responseState$jscomp$1.startInlineScript),
-          0 === (responseState$jscomp$1.instructions & 4)
-            ? ((responseState$jscomp$1.instructions |= 4),
-              resources$jscomp$0.push(
+        ? (resumableState$jscomp$0.push(request.renderState.startInlineScript),
+          0 === (resumableState$jscomp$1.instructions & 4)
+            ? ((resumableState$jscomp$1.instructions |= 4),
+              resumableState$jscomp$0.push(
                 '$RX=function(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())};;$RX("'
               ))
-            : resources$jscomp$0.push('$RX("'))
-        : resources$jscomp$0.push('<template data-rxi="" data-bid="');
+            : resumableState$jscomp$0.push('$RX("'))
+        : resumableState$jscomp$0.push('<template data-rxi="" data-bid="');
       if (null === boundaryID) throw Error(formatProdErrorMessage(395));
-      resources$jscomp$0.push(boundaryID);
-      scriptFormat && resources$jscomp$0.push('"');
+      resumableState$jscomp$0.push(boundaryID);
+      scriptFormat && resumableState$jscomp$0.push('"');
       if (errorDigest || errorMessage || errorComponentStack)
         if (scriptFormat) {
-          resources$jscomp$0.push(",");
+          resumableState$jscomp$0.push(",");
           var chunk$jscomp$0 = escapeJSStringsForInstructionScripts(
             errorDigest || ""
           );
-          resources$jscomp$0.push(chunk$jscomp$0);
+          resumableState$jscomp$0.push(chunk$jscomp$0);
         } else {
-          resources$jscomp$0.push('" data-dgst="');
+          resumableState$jscomp$0.push('" data-dgst="');
           var chunk$jscomp$1 = escapeTextForBrowser(errorDigest || "");
-          resources$jscomp$0.push(chunk$jscomp$1);
+          resumableState$jscomp$0.push(chunk$jscomp$1);
         }
       if (errorMessage || errorComponentStack)
         if (scriptFormat) {
-          resources$jscomp$0.push(",");
+          resumableState$jscomp$0.push(",");
           var chunk$jscomp$2 = escapeJSStringsForInstructionScripts(
             errorMessage || ""
           );
-          resources$jscomp$0.push(chunk$jscomp$2);
+          resumableState$jscomp$0.push(chunk$jscomp$2);
         } else {
-          resources$jscomp$0.push('" data-msg="');
+          resumableState$jscomp$0.push('" data-msg="');
           var chunk$jscomp$3 = escapeTextForBrowser(errorMessage || "");
-          resources$jscomp$0.push(chunk$jscomp$3);
+          resumableState$jscomp$0.push(chunk$jscomp$3);
         }
       if (errorComponentStack)
         if (scriptFormat) {
-          resources$jscomp$0.push(",");
+          resumableState$jscomp$0.push(",");
           var chunk$jscomp$4 =
             escapeJSStringsForInstructionScripts(errorComponentStack);
-          resources$jscomp$0.push(chunk$jscomp$4);
+          resumableState$jscomp$0.push(chunk$jscomp$4);
         } else {
-          resources$jscomp$0.push('" data-stck="');
+          resumableState$jscomp$0.push('" data-stck="');
           var chunk$jscomp$5 = escapeTextForBrowser(errorComponentStack);
-          resources$jscomp$0.push(chunk$jscomp$5);
+          resumableState$jscomp$0.push(chunk$jscomp$5);
         }
       if (
         scriptFormat
-          ? !resources$jscomp$0.push(")\x3c/script>")
-          : !resources$jscomp$0.push('"></template>')
+          ? !resumableState$jscomp$0.push(")\x3c/script>")
+          : !resumableState$jscomp$0.push('"></template>')
       ) {
         request.destination = null;
         i++;
@@ -4027,32 +4215,32 @@ function flushCompletedQueues(request, destination) {
       a: {
         clientRenderedBoundaries = request;
         boundary = destination;
-        clientRenderedBoundaries.resources.boundaryResources =
+        clientRenderedBoundaries.renderState.boundaryResources =
           boundary$15.resources;
         var completedSegments = boundary$15.completedSegments;
         for (
-          responseState$jscomp$1 = 0;
-          responseState$jscomp$1 < completedSegments.length;
-          responseState$jscomp$1++
+          resumableState$jscomp$1 = 0;
+          resumableState$jscomp$1 < completedSegments.length;
+          resumableState$jscomp$1++
         )
           if (
             !flushPartiallyCompletedSegment(
               clientRenderedBoundaries,
               boundary,
               boundary$15,
-              completedSegments[responseState$jscomp$1]
+              completedSegments[resumableState$jscomp$1]
             )
           ) {
-            responseState$jscomp$1++;
-            completedSegments.splice(0, responseState$jscomp$1);
+            resumableState$jscomp$1++;
+            completedSegments.splice(0, resumableState$jscomp$1);
             var JSCompiler_inline_result = !1;
             break a;
           }
-        completedSegments.splice(0, responseState$jscomp$1);
+        completedSegments.splice(0, resumableState$jscomp$1);
         JSCompiler_inline_result = writeResourcesForBoundary(
           boundary,
           boundary$15.resources,
-          clientRenderedBoundaries.responseState
+          clientRenderedBoundaries.renderState
         );
       }
       if (!JSCompiler_inline_result) {
@@ -4078,12 +4266,12 @@ function flushCompletedQueues(request, destination) {
       0 === request.clientRenderedBoundaries.length &&
       0 === request.completedBoundaries.length &&
       ((request.flushScheduled = !1),
-      (request = request.responseState),
+      (request = request.resumableState),
       request.hasBody &&
         (destination.push("</"),
         destination.push("body"),
         destination.push(">")),
-      request.htmlChunks &&
+      request.hasHtml &&
         (destination.push("</"),
         destination.push("html"),
         destination.push(">")),
@@ -4123,8 +4311,7 @@ function renderToStringImpl(
   children,
   options,
   generateStaticMarkup,
-  abortReason,
-  unstable_externalRuntimeSrc
+  abortReason
 ) {
   var didFatal = !1,
     fatalError$jscomp$0 = null,
@@ -4139,31 +4326,19 @@ function renderToStringImpl(
         fatalError$jscomp$0 = error;
       }
     },
-    readyToStream = !1,
-    resources = {
-      preloadsMap: new Map(),
-      preconnectsMap: new Map(),
-      stylesMap: new Map(),
-      scriptsMap: new Map(),
-      preconnects: new Set(),
-      fontPreloads: new Set(),
-      highImagePreloads: new Set(),
-      precedences: new Map(),
-      stylePrecedences: new Map(),
-      bootstrapScripts: new Set(),
-      scripts: new Set(),
-      bulkPreloads: new Set(),
-      boundaryResources: null
-    };
+    readyToStream = !1;
+  options = createResumableState(
+    options ? options.identifierPrefix : void 0,
+    void 0,
+    void 0,
+    void 0,
+    void 0,
+    void 0
+  );
   children = createRequest(
     children,
-    resources,
-    createResponseState(
-      resources,
-      generateStaticMarkup,
-      options ? options.identifierPrefix : void 0,
-      unstable_externalRuntimeSrc
-    ),
+    options,
+    createRenderState(options, void 0, generateStaticMarkup),
     createFormatContext(0, null, !1),
     Infinity,
     onError,
@@ -4215,4 +4390,4 @@ exports.renderToString = function (children, options) {
     'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
   );
 };
-exports.version = "18.3.0-www-classic-1ad72241";
+exports.version = "18.3.0-www-classic-41870992";
diff --git a/compiled/facebook-www/ReactDOMServer-prod.modern.js b/compiled/facebook-www/ReactDOMServer-prod.modern.js
index 5d25df9379..da30bd8c65 100644
--- a/compiled/facebook-www/ReactDOMServer-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMServer-prod.modern.js
@@ -193,7 +193,191 @@ var isArrayImpl = Array.isArray,
     preloadModule: preloadModule,
     preinit: preinit,
     preinitModule: preinitModule
+  },
+  scriptRegex = /(<\/|<)(s)(cript)/gi;
+function scriptReplacer(match, prefix, s, suffix) {
+  return "" + prefix + ("s" === s ? "\\u0073" : "\\u0053") + suffix;
+}
+function createResumableState(
+  identifierPrefix,
+  nonce,
+  bootstrapScriptContent,
+  bootstrapScripts,
+  bootstrapModules,
+  externalRuntimeConfig
+) {
+  var idPrefix = void 0 === identifierPrefix ? "" : identifierPrefix;
+  identifierPrefix = [];
+  var streamingFormat = 0,
+    externalRuntimeScript = null;
+  if (void 0 !== bootstrapScriptContent) {
+    var inlineScriptWithNonce =
+      void 0 === nonce
+        ? "<script>"
+        : '<script nonce="' + escapeTextForBrowser(nonce) + '">';
+    identifierPrefix.push(
+      inlineScriptWithNonce,
+      ("" + bootstrapScriptContent).replace(scriptRegex, scriptReplacer),
+      "\x3c/script>"
+    );
+  }
+  void 0 !== externalRuntimeConfig &&
+    ((streamingFormat = 1),
+    "string" === typeof externalRuntimeConfig
+      ? ((externalRuntimeScript = { src: externalRuntimeConfig, chunks: [] }),
+        pushScriptImpl(externalRuntimeScript.chunks, {
+          src: externalRuntimeConfig,
+          async: !0,
+          integrity: void 0,
+          nonce: nonce
+        }))
+      : ((externalRuntimeScript = {
+          src: externalRuntimeConfig.src,
+          chunks: []
+        }),
+        pushScriptImpl(externalRuntimeScript.chunks, {
+          src: externalRuntimeConfig.src,
+          async: !0,
+          integrity: externalRuntimeConfig.integrity,
+          nonce: nonce
+        })));
+  bootstrapScriptContent = {
+    externalRuntimeScript: externalRuntimeScript,
+    bootstrapChunks: identifierPrefix,
+    idPrefix: idPrefix,
+    nextSuspenseID: 0,
+    streamingFormat: streamingFormat,
+    instructions: 0,
+    hasBody: !1,
+    hasHtml: !1,
+    preloadsMap: new Map(),
+    preconnectsMap: new Map(),
+    stylesMap: new Map(),
+    scriptsMap: new Map(),
+    preconnects: new Set(),
+    fontPreloads: new Set(),
+    highImagePreloads: new Set(),
+    precedences: new Map(),
+    stylePrecedences: new Map(),
+    bootstrapScripts: new Set(),
+    scripts: new Set(),
+    bulkPreloads: new Set()
   };
+  if (void 0 !== bootstrapScripts)
+    for (
+      externalRuntimeConfig = 0;
+      externalRuntimeConfig < bootstrapScripts.length;
+      externalRuntimeConfig++
+    ) {
+      externalRuntimeScript = bootstrapScripts[externalRuntimeConfig];
+      idPrefix =
+        "string" === typeof externalRuntimeScript
+          ? externalRuntimeScript
+          : externalRuntimeScript.src;
+      streamingFormat =
+        "string" === typeof externalRuntimeScript
+          ? void 0
+          : externalRuntimeScript.integrity;
+      externalRuntimeScript =
+        "string" === typeof externalRuntimeScript ||
+        null == externalRuntimeScript.crossOrigin
+          ? void 0
+          : "use-credentials" === externalRuntimeScript.crossOrigin
+          ? "use-credentials"
+          : "";
+      inlineScriptWithNonce = {
+        rel: "preload",
+        href: idPrefix,
+        as: "script",
+        fetchPriority: "low",
+        nonce: nonce,
+        integrity: streamingFormat,
+        crossOrigin: externalRuntimeScript
+      };
+      var resource = {
+        type: "preload",
+        chunks: [],
+        state: 0,
+        props: inlineScriptWithNonce
+      };
+      bootstrapScriptContent.preloadsMap.set("[script]" + idPrefix, resource);
+      bootstrapScriptContent.bootstrapScripts.add(resource);
+      pushLinkImpl(resource.chunks, inlineScriptWithNonce);
+      identifierPrefix.push('<script src="', escapeTextForBrowser(idPrefix));
+      nonce && identifierPrefix.push('" nonce="', escapeTextForBrowser(nonce));
+      streamingFormat &&
+        identifierPrefix.push(
+          '" integrity="',
+          escapeTextForBrowser(streamingFormat)
+        );
+      "string" === typeof externalRuntimeScript &&
+        identifierPrefix.push(
+          '" crossorigin="',
+          escapeTextForBrowser(externalRuntimeScript)
+        );
+      identifierPrefix.push('" async="">\x3c/script>');
+    }
+  if (void 0 !== bootstrapModules)
+    for (
+      bootstrapScripts = 0;
+      bootstrapScripts < bootstrapModules.length;
+      bootstrapScripts++
+    )
+      (streamingFormat = bootstrapModules[bootstrapScripts]),
+        (externalRuntimeConfig =
+          "string" === typeof streamingFormat
+            ? streamingFormat
+            : streamingFormat.src),
+        (idPrefix =
+          "string" === typeof streamingFormat
+            ? void 0
+            : streamingFormat.integrity),
+        (streamingFormat =
+          "string" === typeof streamingFormat ||
+          null == streamingFormat.crossOrigin
+            ? void 0
+            : "use-credentials" === streamingFormat.crossOrigin
+            ? "use-credentials"
+            : ""),
+        (externalRuntimeScript = {
+          rel: "modulepreload",
+          href: externalRuntimeConfig,
+          fetchPriority: "low",
+          nonce: nonce,
+          integrity: idPrefix,
+          crossOrigin: streamingFormat
+        }),
+        (inlineScriptWithNonce = {
+          type: "preload",
+          chunks: [],
+          state: 0,
+          props: externalRuntimeScript
+        }),
+        bootstrapScriptContent.preloadsMap.set(
+          "[script]" + externalRuntimeConfig,
+          inlineScriptWithNonce
+        ),
+        bootstrapScriptContent.bootstrapScripts.add(inlineScriptWithNonce),
+        pushLinkImpl(inlineScriptWithNonce.chunks, externalRuntimeScript),
+        identifierPrefix.push(
+          '<script type="module" src="',
+          escapeTextForBrowser(externalRuntimeConfig)
+        ),
+        nonce &&
+          identifierPrefix.push('" nonce="', escapeTextForBrowser(nonce)),
+        idPrefix &&
+          identifierPrefix.push(
+            '" integrity="',
+            escapeTextForBrowser(idPrefix)
+          ),
+        "string" === typeof streamingFormat &&
+          identifierPrefix.push(
+            '" crossorigin="',
+            escapeTextForBrowser(streamingFormat)
+          ),
+        identifierPrefix.push('" async="">\x3c/script>');
+  return bootstrapScriptContent;
+}
 function createFormatContext(insertionMode, selectedValue, noscriptTagInScope) {
   return {
     insertionMode: insertionMode,
@@ -302,7 +486,8 @@ function pushAdditionalFormField(value, key) {
 }
 function pushFormActionAttribute(
   target,
-  responseState,
+  resumableState,
+  renderState,
   formAction,
   formEncType,
   formMethod,
@@ -500,8 +685,8 @@ function flattenOptionChildren(children) {
 function pushLink(
   target,
   props,
-  responseState,
-  resources,
+  resumableState,
+  renderState,
   textEmbedded,
   insertionMode,
   noscriptTagInScope
@@ -519,7 +704,7 @@ function pushLink(
   )
     return pushLinkImpl(target, props), null;
   if ("stylesheet" === props.rel) {
-    responseState = "[style]" + href;
+    insertionMode = "[style]" + href;
     if (
       "string" !== typeof precedence ||
       null != props.disabled ||
@@ -527,42 +712,42 @@ function pushLink(
       props.onError
     )
       return pushLinkImpl(target, props);
-    insertionMode = resources.stylesMap.get(responseState);
-    insertionMode ||
+    noscriptTagInScope = resumableState.stylesMap.get(insertionMode);
+    noscriptTagInScope ||
       ((props = assign({}, props, {
         "data-precedence": props.precedence,
         precedence: null
       })),
-      (insertionMode = resources.preloadsMap.get(responseState)),
-      (noscriptTagInScope = 0),
-      insertionMode &&
-        ((insertionMode.state |= 4),
-        (rel = insertionMode.props),
-        null == props.crossOrigin && (props.crossOrigin = rel.crossOrigin),
-        null == props.integrity && (props.integrity = rel.integrity),
-        insertionMode.state & 3 && (noscriptTagInScope = 8)),
-      (insertionMode = {
+      (noscriptTagInScope = resumableState.preloadsMap.get(insertionMode)),
+      (rel = 0),
+      noscriptTagInScope &&
+        ((noscriptTagInScope.state |= 4),
+        (href = noscriptTagInScope.props),
+        null == props.crossOrigin && (props.crossOrigin = href.crossOrigin),
+        null == props.integrity && (props.integrity = href.integrity),
+        noscriptTagInScope.state & 3 && (rel = 8)),
+      (noscriptTagInScope = {
         type: "stylesheet",
         chunks: [],
-        state: noscriptTagInScope,
+        state: rel,
         props: props
       }),
-      resources.stylesMap.set(responseState, insertionMode),
-      (props = resources.precedences.get(precedence)),
+      resumableState.stylesMap.set(insertionMode, noscriptTagInScope),
+      (props = resumableState.precedences.get(precedence)),
       props ||
         ((props = new Set()),
-        resources.precedences.set(precedence, props),
-        (responseState = {
+        resumableState.precedences.set(precedence, props),
+        (insertionMode = {
           type: "style",
           chunks: [],
           state: 0,
           props: { precedence: precedence, hrefs: [] }
         }),
-        props.add(responseState),
-        resources.stylePrecedences.set(precedence, responseState)),
-      props.add(insertionMode));
-    resources.boundaryResources &&
-      resources.boundaryResources.add(insertionMode);
+        props.add(insertionMode),
+        resumableState.stylePrecedences.set(precedence, insertionMode)),
+      props.add(noscriptTagInScope));
+    renderState.boundaryResources &&
+      renderState.boundaryResources.add(noscriptTagInScope);
     textEmbedded && target.push("\x3c!-- --\x3e");
     return null;
   }
@@ -571,11 +756,11 @@ function pushLink(
   switch (props.rel) {
     case "preconnect":
     case "dns-prefetch":
-      return pushLinkImpl(responseState.preconnectChunks, props);
+      return pushLinkImpl(renderState.preconnectChunks, props);
     case "preload":
-      return pushLinkImpl(responseState.preloadChunks, props);
+      return pushLinkImpl(renderState.preloadChunks, props);
     default:
-      return pushLinkImpl(responseState.hoistableChunks, props);
+      return pushLinkImpl(renderState.hoistableChunks, props);
   }
 }
 function pushLinkImpl(target, props) {
@@ -722,8 +907,8 @@ function pushStartInstance(
   target$jscomp$0,
   type,
   props,
-  resources,
-  responseState,
+  resumableState,
+  renderState,
   formatContext,
   textEmbedded
 ) {
@@ -917,7 +1102,8 @@ function pushStartInstance(
         }
       var formData = pushFormActionAttribute(
         target$jscomp$0,
-        responseState,
+        resumableState,
+        renderState,
         formAction,
         formEncType,
         formMethod,
@@ -982,7 +1168,8 @@ function pushStartInstance(
         }
       var formData$jscomp$0 = pushFormActionAttribute(
         target$jscomp$0,
-        responseState,
+        resumableState,
+        renderState,
         formAction$jscomp$0,
         formEncType$jscomp$0,
         formMethod$jscomp$0,
@@ -1084,15 +1271,15 @@ function pushStartInstance(
           props
         );
       else
-        pushTitleImpl(responseState.hoistableChunks, props),
+        pushTitleImpl(renderState.hoistableChunks, props),
           (JSCompiler_inline_result$jscomp$1 = null);
       return JSCompiler_inline_result$jscomp$1;
     case "link":
       return pushLink(
         target$jscomp$0,
         props,
-        responseState,
-        resources,
+        resumableState,
+        renderState,
         textEmbedded,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope
@@ -1117,13 +1304,13 @@ function pushStartInstance(
         );
       else {
         var key = "[script]" + props.src,
-          resource = resources.scriptsMap.get(key);
+          resource = resumableState.scriptsMap.get(key);
         if (!resource) {
           resource = { type: "script", chunks: [], state: 0, props: null };
-          resources.scriptsMap.set(key, resource);
-          resources.scripts.add(resource);
+          resumableState.scriptsMap.set(key, resource);
+          resumableState.scripts.add(resource);
           var scriptProps = props,
-            preloadResource = resources.preloadsMap.get(key);
+            preloadResource = resumableState.preloadsMap.get(key);
           if (preloadResource) {
             preloadResource.state |= 4;
             var resourceProps = (scriptProps = assign({}, props)),
@@ -1189,9 +1376,12 @@ function pushStartInstance(
         var JSCompiler_inline_result$jscomp$3 = null;
       } else {
         var key$jscomp$0 = "[style]" + href,
-          resource$jscomp$0 = resources.stylesMap.get(key$jscomp$0);
+          resource$jscomp$0 = resumableState.stylesMap.get(key$jscomp$0);
         if (!resource$jscomp$0) {
-          if ((resource$jscomp$0 = resources.stylePrecedences.get(precedence)))
+          if (
+            (resource$jscomp$0 =
+              resumableState.stylePrecedences.get(precedence))
+          )
             resource$jscomp$0.props.hrefs.push(href);
           else {
             resource$jscomp$0 = {
@@ -1200,14 +1390,14 @@ function pushStartInstance(
               state: 0,
               props: { precedence: precedence, hrefs: [href] }
             };
-            resources.stylePrecedences.set(precedence, resource$jscomp$0);
+            resumableState.stylePrecedences.set(precedence, resource$jscomp$0);
             var precedenceSet = new Set();
             precedenceSet.add(resource$jscomp$0);
-            resources.precedences.set(precedence, precedenceSet);
+            resumableState.precedences.set(precedence, precedenceSet);
           }
-          resources.stylesMap.set(key$jscomp$0, resource$jscomp$0);
-          resources.boundaryResources &&
-            resources.boundaryResources.add(resource$jscomp$0);
+          resumableState.stylesMap.set(key$jscomp$0, resource$jscomp$0);
+          renderState.boundaryResources &&
+            renderState.boundaryResources.add(resource$jscomp$0);
           var target = resource$jscomp$0.chunks,
             children$jscomp$5 = null,
             innerHTML$jscomp$4 = null,
@@ -1255,10 +1445,10 @@ function pushStartInstance(
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
           (JSCompiler_inline_result$jscomp$4 =
             "string" === typeof props.charSet
-              ? pushSelfClosing(responseState.charsetChunks, props, "meta")
+              ? pushSelfClosing(renderState.charsetChunks, props, "meta")
               : "viewport" === props.name
-              ? pushSelfClosing(responseState.preconnectChunks, props, "meta")
-              : pushSelfClosing(responseState.hoistableChunks, props, "meta"));
+              ? pushSelfClosing(renderState.preconnectChunks, props, "meta")
+              : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
       return JSCompiler_inline_result$jscomp$4;
     case "listing":
     case "pre":
@@ -1326,7 +1516,7 @@ function pushStartInstance(
       ) {
         var sizes = props.sizes,
           key$jscomp$1 = getImagePreloadKey(src, srcSet, sizes),
-          resource$jscomp$1 = resources.preloadsMap.get(key$jscomp$1);
+          resource$jscomp$1 = resumableState.preloadsMap.get(key$jscomp$1);
         resource$jscomp$1 ||
           ((resource$jscomp$1 = {
             type: "preload",
@@ -1345,11 +1535,12 @@ function pushStartInstance(
               referrerPolicy: props.referrerPolicy
             }
           }),
-          resources.preloadsMap.set(key$jscomp$1, resource$jscomp$1),
+          resumableState.preloadsMap.set(key$jscomp$1, resource$jscomp$1),
           pushLinkImpl(resource$jscomp$1.chunks, resource$jscomp$1.props));
-        "high" === props.fetchPriority || 10 > resources.highImagePreloads.size
-          ? resources.highImagePreloads.add(resource$jscomp$1)
-          : resources.bulkPreloads.add(resource$jscomp$1);
+        "high" === props.fetchPriority ||
+        10 > resumableState.highImagePreloads.size
+          ? resumableState.highImagePreloads.add(resource$jscomp$1)
+          : resumableState.bulkPreloads.add(resource$jscomp$1);
       }
       return pushSelfClosing(target$jscomp$0, props, "img");
     case "base":
@@ -1374,13 +1565,10 @@ function pushStartInstance(
     case "missing-glyph":
       break;
     case "head":
-      if (
-        2 > formatContext.insertionMode &&
-        null === responseState.headChunks
-      ) {
-        responseState.headChunks = [];
+      if (2 > formatContext.insertionMode && null === renderState.headChunks) {
+        renderState.headChunks = [];
         var JSCompiler_inline_result$jscomp$5 = pushStartGenericElement(
-          responseState.headChunks,
+          renderState.headChunks,
           props,
           "head"
         );
@@ -1394,11 +1582,11 @@ function pushStartInstance(
     case "html":
       if (
         0 === formatContext.insertionMode &&
-        null === responseState.htmlChunks
+        null === renderState.htmlChunks
       ) {
-        responseState.htmlChunks = [""];
+        renderState.htmlChunks = [""];
         var JSCompiler_inline_result$jscomp$6 = pushStartGenericElement(
-          responseState.htmlChunks,
+          renderState.htmlChunks,
           props,
           "html"
         );
@@ -1469,78 +1657,80 @@ function pushStartInstance(
   }
   return pushStartGenericElement(target$jscomp$0, props, type);
 }
-function writeBootstrap(destination, responseState) {
-  responseState = responseState.bootstrapChunks;
-  for (var i = 0; i < responseState.length - 1; i++)
-    destination.push(responseState[i]);
-  return i < responseState.length
-    ? ((i = responseState[i]), (responseState.length = 0), destination.push(i))
+function writeBootstrap(destination, resumableState) {
+  resumableState = resumableState.bootstrapChunks;
+  for (var i = 0; i < resumableState.length - 1; i++)
+    destination.push(resumableState[i]);
+  return i < resumableState.length
+    ? ((i = resumableState[i]),
+      (resumableState.length = 0),
+      destination.push(i))
     : !0;
 }
-function writeStartPendingSuspenseBoundary(destination, responseState, id) {
+function writeStartPendingSuspenseBoundary(destination, renderState, id) {
   destination.push('\x3c!--$?--\x3e<template id="');
   if (null === id) throw Error(formatProdErrorMessage(395));
   destination.push(id);
   return destination.push('"></template>');
 }
-function writeStartSegment(destination, responseState, formatContext, id) {
+function writeStartSegment(destination, renderState, formatContext, id) {
   switch (formatContext.insertionMode) {
     case 0:
     case 1:
     case 2:
       return (
         destination.push('<div hidden id="'),
-        destination.push(responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        destination.push(responseState),
+        destination.push(renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        destination.push(renderState),
         destination.push('">')
       );
     case 3:
       return (
         destination.push('<svg aria-hidden="true" style="display:none" id="'),
-        destination.push(responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        destination.push(responseState),
+        destination.push(renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        destination.push(renderState),
         destination.push('">')
       );
     case 4:
       return (
         destination.push('<math aria-hidden="true" style="display:none" id="'),
-        destination.push(responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        destination.push(responseState),
+        destination.push(renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        destination.push(renderState),
         destination.push('">')
       );
     case 5:
       return (
         destination.push('<table hidden id="'),
-        destination.push(responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        destination.push(responseState),
+        destination.push(renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        destination.push(renderState),
         destination.push('">')
       );
     case 6:
       return (
         destination.push('<table hidden><tbody id="'),
-        destination.push(responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        destination.push(responseState),
+        destination.push(renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        destination.push(renderState),
         destination.push('">')
       );
     case 7:
       return (
         destination.push('<table hidden><tr id="'),
-        destination.push(responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        destination.push(responseState),
+        destination.push(renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        destination.push(renderState),
         destination.push('">')
       );
     case 8:
       return (
         destination.push('<table hidden><colgroup id="'),
-        destination.push(responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        destination.push(responseState),
+        destination.push(renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        destination.push(renderState),
         destination.push('">')
       );
     default:
@@ -1646,13 +1836,13 @@ function flushStyleTagsLateForBoundary(resource) {
 function writeResourcesForBoundary(
   destination,
   boundaryResources,
-  responseState
+  renderState
 ) {
   currentlyRenderingBoundaryHasStylesToHoist = !1;
   destinationHasCapacity = !0;
   boundaryResources.forEach(flushStyleTagsLateForBoundary, destination);
   currentlyRenderingBoundaryHasStylesToHoist &&
-    (responseState.stylesToHoist = !0);
+    (renderState.stylesToHoist = !0);
   return destinationHasCapacity;
 }
 function flushResourceInPreamble(resource) {
@@ -1933,15 +2123,15 @@ function writeStyleResourceAttributeInAttr(destination, name, value) {
 function prefetchDNS(href) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resources = request.resources;
+    var resumableState = request.resumableState;
     if ("string" === typeof href && href) {
       var key = "[prefetchDNS]" + href,
-        resource = resources.preconnectsMap.get(key);
+        resource = resumableState.preconnectsMap.get(key);
       resource ||
         ((resource = { type: "preconnect", chunks: [], state: 0, props: null }),
-        resources.preconnectsMap.set(key, resource),
+        resumableState.preconnectsMap.set(key, resource),
         pushLinkImpl(resource.chunks, { href: href, rel: "dns-prefetch" }));
-      resources.preconnects.add(resource);
+      resumableState.preconnects.add(resource);
       enqueueFlush(request);
     }
   }
@@ -1949,7 +2139,7 @@ function prefetchDNS(href) {
 function preconnect(href, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resources = request.resources;
+    var resumableState = request.resumableState;
     if ("string" === typeof href && href) {
       options =
         null == options || "string" !== typeof options.crossOrigin
@@ -1959,16 +2149,16 @@ function preconnect(href, options) {
           : "";
       var key =
           "[preconnect][" + (null === options ? "null" : options) + "]" + href,
-        resource = resources.preconnectsMap.get(key);
+        resource = resumableState.preconnectsMap.get(key);
       resource ||
         ((resource = { type: "preconnect", chunks: [], state: 0, props: null }),
-        resources.preconnectsMap.set(key, resource),
+        resumableState.preconnectsMap.set(key, resource),
         pushLinkImpl(resource.chunks, {
           rel: "preconnect",
           href: href,
           crossOrigin: options
         }));
-      resources.preconnects.add(resource);
+      resumableState.preconnects.add(resource);
       enqueueFlush(request);
     }
   }
@@ -1976,7 +2166,7 @@ function preconnect(href, options) {
 function preload(href, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resources = request.resources;
+    var resumableState = request.resumableState;
     if (
       "string" === typeof href &&
       href &&
@@ -1990,7 +2180,7 @@ function preload(href, options) {
         "image" === as
           ? getImagePreloadKey(href, options.imageSrcSet, options.imageSizes)
           : "[" + as + "]" + href;
-      var resource = resources.preloadsMap.get(key);
+      var resource = resumableState.preloadsMap.get(key);
       resource ||
         ((resource = {
           type: "preload",
@@ -2010,13 +2200,13 @@ function preload(href, options) {
             referrerPolicy: options.referrerPolicy
           }
         }),
-        resources.preloadsMap.set(key, resource),
+        resumableState.preloadsMap.set(key, resource),
         pushLinkImpl(resource.chunks, resource.props));
       "font" === as
-        ? resources.fontPreloads.add(resource)
+        ? resumableState.fontPreloads.add(resource)
         : "image" === as && "high" === options.fetchPriority
-        ? resources.highImagePreloads.add(resource)
-        : resources.bulkPreloads.add(resource);
+        ? resumableState.highImagePreloads.add(resource)
+        : resumableState.bulkPreloads.add(resource);
       enqueueFlush(request);
     }
   }
@@ -2024,12 +2214,12 @@ function preload(href, options) {
 function preloadModule(href, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resources = request.resources;
+    var resumableState = request.resumableState;
     if ("string" === typeof href && href) {
       var as =
           options && "string" === typeof options.as ? options.as : "script",
         key = "[" + as + "]" + href,
-        resource = resources.preloadsMap.get(key);
+        resource = resumableState.preloadsMap.get(key);
       resource ||
         ((resource = {
           type: "preload",
@@ -2043,9 +2233,9 @@ function preloadModule(href, options) {
             integrity: options ? options.integrity : void 0
           }
         }),
-        resources.preloadsMap.set(key, resource),
+        resumableState.preloadsMap.set(key, resource),
         pushLinkImpl(resource.chunks, resource.props));
-      resources.bulkPreloads.add(resource);
+      resumableState.bulkPreloads.add(resource);
       enqueueFlush(request);
     }
   }
@@ -2053,7 +2243,7 @@ function preloadModule(href, options) {
 function preinit(href, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resources = request.resources;
+    var resumableState = request.resumableState;
     if (
       "string" === typeof href &&
       href &&
@@ -2064,11 +2254,11 @@ function preinit(href, options) {
       switch (as) {
         case "style":
           var key = "[" + as + "]" + href,
-            resource = resources.stylesMap.get(key);
+            resource = resumableState.stylesMap.get(key);
           as = options.precedence || "default";
           if (!resource) {
             resource = 0;
-            var preloadResource = resources.preloadsMap.get(key);
+            var preloadResource = resumableState.preloadsMap.get(key);
             preloadResource && preloadResource.state & 3 && (resource = 8);
             resource = {
               type: "stylesheet",
@@ -2083,11 +2273,11 @@ function preinit(href, options) {
                 fetchPriority: options.fetchPriority
               }
             };
-            resources.stylesMap.set(key, resource);
-            href = resources.precedences.get(as);
+            resumableState.stylesMap.set(key, resource);
+            href = resumableState.precedences.get(as);
             href ||
               ((href = new Set()),
-              resources.precedences.set(as, href),
+              resumableState.precedences.set(as, href),
               (options = {
                 type: "style",
                 chunks: [],
@@ -2095,17 +2285,17 @@ function preinit(href, options) {
                 props: { precedence: as, hrefs: [] }
               }),
               href.add(options),
-              resources.stylePrecedences.set(as, options));
+              resumableState.stylePrecedences.set(as, options));
             href.add(resource);
             enqueueFlush(request);
           }
           break;
         case "script":
           (key = "[" + as + "]" + href),
-            (as = resources.scriptsMap.get(key)),
+            (as = resumableState.scriptsMap.get(key)),
             as ||
               ((as = { type: "script", chunks: [], state: 0, props: null }),
-              resources.scriptsMap.set(key, as),
+              resumableState.scriptsMap.set(key, as),
               (href = {
                 src: href,
                 async: !0,
@@ -2114,7 +2304,7 @@ function preinit(href, options) {
                 nonce: options.nonce,
                 fetchPriority: options.fetchPriority
               }),
-              resources.scripts.add(as),
+              resumableState.scripts.add(as),
               pushScriptImpl(as.chunks, href),
               enqueueFlush(request));
       }
@@ -2124,17 +2314,17 @@ function preinit(href, options) {
 function preinitModule(href, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resources = request.resources;
+    var resumableState = request.resumableState;
     if ("string" === typeof href && href) {
       var as =
         options && "string" === typeof options.as ? options.as : "script";
       switch (as) {
         case "script":
           var key = "[" + as + "]" + href;
-          as = resources.scriptsMap.get(key);
+          as = resumableState.scriptsMap.get(key);
           as ||
             ((as = { type: "script", chunks: [], state: 0, props: null }),
-            resources.scriptsMap.set(key, as),
+            resumableState.scriptsMap.set(key, as),
             (href = {
               src: href,
               type: "module",
@@ -2142,7 +2332,7 @@ function preinitModule(href, options) {
               crossOrigin: options ? options.crossOrigin : void 0,
               integrity: options ? options.integrity : void 0
             }),
-            resources.scripts.add(as),
+            resumableState.scripts.add(as),
             pushScriptImpl(as.chunks, href),
             enqueueFlush(request));
       }
@@ -2152,56 +2342,30 @@ function preinitModule(href, options) {
 function hoistStyleResource(resource) {
   this.add(resource);
 }
-function createResponseState(
-  resources,
-  generateStaticMarkup,
-  identifierPrefix,
-  externalRuntimeConfig
-) {
-  resources = void 0 === identifierPrefix ? "" : identifierPrefix;
-  identifierPrefix = null;
-  var streamingFormat = 0;
-  void 0 !== externalRuntimeConfig &&
-    ((streamingFormat = 1),
-    "string" === typeof externalRuntimeConfig
-      ? ((identifierPrefix = { src: externalRuntimeConfig, chunks: [] }),
-        pushScriptImpl(identifierPrefix.chunks, {
-          src: externalRuntimeConfig,
-          async: !0,
-          integrity: void 0,
-          nonce: void 0
-        }))
-      : ((identifierPrefix = { src: externalRuntimeConfig.src, chunks: [] }),
-        pushScriptImpl(identifierPrefix.chunks, {
-          src: externalRuntimeConfig.src,
-          async: !0,
-          integrity: externalRuntimeConfig.integrity,
-          nonce: void 0
-        })));
+function createRenderState(resumableState, nonce, generateStaticMarkup) {
+  nonce =
+    void 0 === nonce
+      ? "<script>"
+      : '<script nonce="' + escapeTextForBrowser(nonce) + '">';
+  resumableState = resumableState.idPrefix;
   return {
-    bootstrapChunks: [],
-    placeholderPrefix: resources + "P:",
-    segmentPrefix: resources + "S:",
-    boundaryPrefix: resources + "B:",
-    idPrefix: resources,
-    nextSuspenseID: 0,
-    streamingFormat: streamingFormat,
-    startInlineScript: "<script>",
-    instructions: 0,
-    externalRuntimeScript: identifierPrefix,
+    placeholderPrefix: resumableState + "P:",
+    segmentPrefix: resumableState + "S:",
+    boundaryPrefix: resumableState + "B:",
+    startInlineScript: nonce,
     htmlChunks: null,
     headChunks: null,
-    hasBody: !1,
     charsetChunks: [],
     preconnectChunks: [],
     preloadChunks: [],
     hoistableChunks: [],
+    boundaryResources: null,
     stylesToHoist: !1,
     generateStaticMarkup: generateStaticMarkup
   };
 }
-function pushTextInstance(target, text, responseState, textEmbedded) {
-  if (responseState.generateStaticMarkup)
+function pushTextInstance(target, text, renderState, textEmbedded) {
+  if (renderState.generateStaticMarkup)
     return target.push(escapeTextForBrowser(text)), !1;
   "" === text
     ? (target = textEmbedded)
@@ -2674,11 +2838,11 @@ var HooksDispatcher = {
         JSCompiler_inline_result &
         ~(1 << (32 - clz32(JSCompiler_inline_result) - 1))
       ).toString(32) + overflow;
-    var responseState = currentResponseState;
-    if (null === responseState) throw Error(formatProdErrorMessage(404));
+    var resumableState = currentResumableState;
+    if (null === resumableState) throw Error(formatProdErrorMessage(404));
     overflow = localIdCounter++;
     JSCompiler_inline_result =
-      ":" + responseState.idPrefix + "R" + JSCompiler_inline_result;
+      ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result;
     0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32));
     return JSCompiler_inline_result + ":";
   },
@@ -2699,7 +2863,7 @@ var HooksDispatcher = {
   }
 };
 enableAsyncActions && (HooksDispatcher.useOptimistic = useOptimistic);
-var currentResponseState = null,
+var currentResumableState = null,
   DefaultCacheDispatcher = {
     getCacheSignal: function () {
       throw Error(formatProdErrorMessage(248));
@@ -2717,8 +2881,8 @@ function defaultErrorHandler(error) {
 function noop() {}
 function createRequest(
   children,
-  resources,
-  responseState,
+  resumableState,
+  renderState,
   rootFormatContext,
   progressiveChunkSize,
   onError,
@@ -2731,10 +2895,11 @@ function createRequest(
   ReactDOMCurrentDispatcher.current = ReactDOMServerDispatcher;
   var pingedTasks = [],
     abortSet = new Set();
-  resources = {
+  resumableState = {
     destination: null,
     flushScheduled: !1,
-    responseState: responseState,
+    resumableState: resumableState,
+    renderState: renderState,
     progressiveChunkSize:
       void 0 === progressiveChunkSize ? 12800 : progressiveChunkSize,
     status: 0,
@@ -2742,7 +2907,6 @@ function createRequest(
     nextSegmentId: 0,
     allPendingTasks: 0,
     pendingRootTasks: 0,
-    resources: resources,
     completedRootSegment: null,
     abortableTasks: abortSet,
     pingedTasks: pingedTasks,
@@ -2757,7 +2921,7 @@ function createRequest(
     onFatalError: void 0 === onFatalError ? noop : onFatalError
   };
   rootFormatContext = createPendingSegment(
-    resources,
+    resumableState,
     0,
     null,
     rootFormatContext,
@@ -2766,7 +2930,7 @@ function createRequest(
   );
   rootFormatContext.parentFlushed = !0;
   children = createTask(
-    resources,
+    resumableState,
     null,
     children,
     null,
@@ -2778,7 +2942,7 @@ function createRequest(
     emptyTreeContext
   );
   pingedTasks.push(children);
-  return resources;
+  return resumableState;
 }
 var currentRequest = null;
 function createTask(
@@ -2989,8 +3153,8 @@ function renderElement(request, task, prevThenableState, type, props, ref) {
       JSCompiler_inline_result.chunks,
       type,
       props,
-      request.resources,
-      request.responseState,
+      request.resumableState,
+      request.renderState,
       JSCompiler_inline_result.formatContext,
       JSCompiler_inline_result.lastPushedText
     );
@@ -3005,6 +3169,7 @@ function renderElement(request, task, prevThenableState, type, props, ref) {
     JSCompiler_inline_result.formatContext = prevThenableState;
     a: {
       task = JSCompiler_inline_result.chunks;
+      request = request.resumableState;
       switch (type) {
         case "title":
         case "style":
@@ -3027,12 +3192,15 @@ function renderElement(request, task, prevThenableState, type, props, ref) {
           break a;
         case "body":
           if (1 >= prevThenableState.insertionMode) {
-            request.responseState.hasBody = !0;
+            request.hasBody = !0;
             break a;
           }
           break;
         case "html":
-          if (0 === prevThenableState.insertionMode) break a;
+          if (0 === prevThenableState.insertionMode) {
+            request.hasHtml = !0;
+            break a;
+          }
       }
       task.push("</", type, ">");
     }
@@ -3096,11 +3264,11 @@ function renderElement(request, task, prevThenableState, type, props, ref) {
           contentRootSegment.parentFlushed = !0;
           task.blockedBoundary = partial;
           task.blockedSegment = contentRootSegment;
-          request.resources.boundaryResources = partial.resources;
+          request.renderState.boundaryResources = partial.resources;
           try {
             if (
               (renderNode(request, task, props, 0),
-              request.responseState.generateStaticMarkup ||
+              request.renderState.generateStaticMarkup ||
                 (contentRootSegment.lastPushedText &&
                   contentRootSegment.textEmbedded &&
                   contentRootSegment.chunks.push("\x3c!-- --\x3e")),
@@ -3115,7 +3283,7 @@ function renderElement(request, task, prevThenableState, type, props, ref) {
               (JSCompiler_inline_result = logRecoverableError(request, error)),
               (partial.errorDigest = JSCompiler_inline_result);
           } finally {
-            (request.resources.boundaryResources = type
+            (request.renderState.boundaryResources = type
               ? type.resources
               : null),
               (task.blockedBoundary = type),
@@ -3289,7 +3457,7 @@ function renderNodeDestructiveImpl(
       (childIndex.lastPushedText = pushTextInstance(
         task.blockedSegment.chunks,
         node,
-        request.responseState,
+        request.renderState,
         childIndex.lastPushedText
       )))
     : "number" === typeof node &&
@@ -3297,7 +3465,7 @@ function renderNodeDestructiveImpl(
       (childIndex.lastPushedText = pushTextInstance(
         task.blockedSegment.chunks,
         "" + node,
-        request.responseState,
+        request.renderState,
         childIndex.lastPushedText
       )));
 }
@@ -3463,8 +3631,8 @@ function performWork(request$jscomp$1) {
     ReactCurrentCache.current = DefaultCacheDispatcher;
     var prevRequest = currentRequest;
     currentRequest = request$jscomp$1;
-    var prevResponseState = currentResponseState;
-    currentResponseState = request$jscomp$1.responseState;
+    var prevResumableState = currentResumableState;
+    currentResumableState = request$jscomp$1.resumableState;
     try {
       var pingedTasks = request$jscomp$1.pingedTasks,
         i;
@@ -3472,7 +3640,7 @@ function performWork(request$jscomp$1) {
         var task = pingedTasks[i];
         var request = request$jscomp$1,
           blockedBoundary = task.blockedBoundary;
-        request.resources.boundaryResources = blockedBoundary
+        request.renderState.boundaryResources = blockedBoundary
           ? blockedBoundary.resources
           : null;
         var segment = task.blockedSegment;
@@ -3490,7 +3658,7 @@ function performWork(request$jscomp$1) {
               task.node,
               0
             );
-            request.responseState.generateStaticMarkup ||
+            request.renderState.generateStaticMarkup ||
               (segment.lastPushedText &&
                 segment.textEmbedded &&
                 segment.chunks.push("\x3c!-- --\x3e"));
@@ -3541,7 +3709,7 @@ function performWork(request$jscomp$1) {
               }
             }
           } finally {
-            request.resources.boundaryResources = null;
+            request.renderState.boundaryResources = null;
           }
         }
       }
@@ -3552,7 +3720,7 @@ function performWork(request$jscomp$1) {
       logRecoverableError(request$jscomp$1, error),
         fatalError(request$jscomp$1, error);
     } finally {
-      (currentResponseState = prevResponseState),
+      (currentResumableState = prevResumableState),
         (ReactCurrentDispatcher.current = prevDispatcher),
         (ReactCurrentCache.current = prevCacheDispatcher),
         prevDispatcher === HooksDispatcher && switchContext(prevContext),
@@ -3567,7 +3735,7 @@ function flushSubtree(request, destination, segment) {
       var segmentID = (segment.id = request.nextSegmentId++);
       segment.lastPushedText = !1;
       segment.textEmbedded = !1;
-      request = request.responseState;
+      request = request.renderState;
       destination.push('<template id="');
       destination.push(request.placeholderPrefix);
       request = segmentID.toString(16);
@@ -3599,7 +3767,7 @@ function flushSegment(request, destination, segment) {
   boundary.parentFlushed = !0;
   if (boundary.forceClientRender)
     return (
-      request.responseState.generateStaticMarkup ||
+      request.renderState.generateStaticMarkup ||
         ((boundary = boundary.errorDigest),
         destination.push("\x3c!--$!--\x3e"),
         destination.push("<template"),
@@ -3610,7 +3778,7 @@ function flushSegment(request, destination, segment) {
           destination.push('"')),
         destination.push("></template>")),
       flushSubtree(request, destination, segment),
-      (request = request.responseState.generateStaticMarkup
+      (request = request.renderState.generateStaticMarkup
         ? !0
         : destination.push("\x3c!--/$--\x3e")),
       request
@@ -3619,14 +3787,14 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     0 < boundary.completedSegments.length &&
       request.partialBoundaries.push(boundary);
-    var JSCompiler_inline_result = request.responseState;
-    var generatedID = JSCompiler_inline_result.nextSuspenseID++;
+    var JSCompiler_inline_result = request.renderState;
+    var generatedID = request.resumableState.nextSuspenseID++;
     JSCompiler_inline_result =
       JSCompiler_inline_result.boundaryPrefix + generatedID.toString(16);
     boundary = boundary.id = JSCompiler_inline_result;
     writeStartPendingSuspenseBoundary(
       destination,
-      request.responseState,
+      request.renderState,
       boundary
     );
     flushSubtree(request, destination, segment);
@@ -3638,20 +3806,20 @@ function flushSegment(request, destination, segment) {
       request.completedBoundaries.push(boundary),
       writeStartPendingSuspenseBoundary(
         destination,
-        request.responseState,
+        request.renderState,
         boundary.id
       ),
       flushSubtree(request, destination, segment),
       destination.push("\x3c!--/$--\x3e")
     );
-  (segment = request.resources.boundaryResources) &&
+  (segment = request.renderState.boundaryResources) &&
     boundary.resources.forEach(hoistStyleResource, segment);
-  request.responseState.generateStaticMarkup ||
+  request.renderState.generateStaticMarkup ||
     destination.push("\x3c!--$--\x3e");
   segment = boundary.completedSegments;
   if (1 !== segment.length) throw Error(formatProdErrorMessage(391));
   flushSegment(request, destination, segment[0]);
-  request = request.responseState.generateStaticMarkup
+  request = request.renderState.generateStaticMarkup
     ? !0
     : destination.push("\x3c!--/$--\x3e");
   return request;
@@ -3659,7 +3827,7 @@ function flushSegment(request, destination, segment) {
 function flushSegmentContainer(request, destination, segment) {
   writeStartSegment(
     destination,
-    request.responseState,
+    request.renderState,
     segment.formatContext,
     segment.id
   );
@@ -3667,7 +3835,7 @@ function flushSegmentContainer(request, destination, segment) {
   return writeEndSegment(destination, segment.formatContext);
 }
 function flushCompletedBoundary(request, destination, boundary) {
-  request.resources.boundaryResources = boundary.resources;
+  request.renderState.boundaryResources = boundary.resources;
   for (
     var completedSegments = boundary.completedSegments, i = 0;
     i < completedSegments.length;
@@ -3683,31 +3851,32 @@ function flushCompletedBoundary(request, destination, boundary) {
   writeResourcesForBoundary(
     destination,
     boundary.resources,
-    request.responseState
+    request.renderState
   );
-  request = request.responseState;
-  completedSegments = boundary.id;
-  i = boundary.rootSegmentID;
+  completedSegments = request.resumableState;
+  request = request.renderState;
+  i = boundary.id;
+  var contentSegmentID = boundary.rootSegmentID;
   boundary = boundary.resources;
   var requiresStyleInsertion = request.stylesToHoist;
   request.stylesToHoist = !1;
-  var scriptFormat = 0 === request.streamingFormat;
+  var scriptFormat = 0 === completedSegments.streamingFormat;
   scriptFormat
     ? (destination.push(request.startInlineScript),
       requiresStyleInsertion
-        ? 0 === (request.instructions & 2)
-          ? ((request.instructions |= 10),
+        ? 0 === (completedSegments.instructions & 2)
+          ? ((completedSegments.instructions |= 10),
             destination.push(
               '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'
             ))
-          : 0 === (request.instructions & 8)
-          ? ((request.instructions |= 8),
+          : 0 === (completedSegments.instructions & 8)
+          ? ((completedSegments.instructions |= 8),
             destination.push(
               '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'
             ))
           : destination.push('$RR("')
-        : 0 === (request.instructions & 2)
-        ? ((request.instructions |= 2),
+        : 0 === (completedSegments.instructions & 2)
+        ? ((completedSegments.instructions |= 2),
           destination.push(
             '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'
           ))
@@ -3715,12 +3884,12 @@ function flushCompletedBoundary(request, destination, boundary) {
     : requiresStyleInsertion
     ? destination.push('<template data-rri="" data-bid="')
     : destination.push('<template data-rci="" data-bid="');
-  if (null === completedSegments) throw Error(formatProdErrorMessage(395));
-  i = i.toString(16);
-  destination.push(completedSegments);
+  if (null === i) throw Error(formatProdErrorMessage(395));
+  contentSegmentID = contentSegmentID.toString(16);
+  destination.push(i);
   scriptFormat ? destination.push('","') : destination.push('" data-sid="');
   destination.push(request.segmentPrefix);
-  destination.push(i);
+  destination.push(contentSegmentID);
   requiresStyleInsertion
     ? scriptFormat
       ? (destination.push('",'),
@@ -3728,10 +3897,10 @@ function flushCompletedBoundary(request, destination, boundary) {
       : (destination.push('" data-sty="'),
         writeStyleResourceDependenciesInAttr(destination, boundary))
     : scriptFormat && destination.push('"');
-  completedSegments = scriptFormat
+  request = scriptFormat
     ? destination.push(")\x3c/script>")
     : destination.push('"></template>');
-  return writeBootstrap(destination, request) && completedSegments;
+  return writeBootstrap(destination, completedSegments) && request;
 }
 function flushPartiallyCompletedSegment(
   request,
@@ -3747,11 +3916,12 @@ function flushPartiallyCompletedSegment(
     return flushSegmentContainer(request, destination, segment);
   }
   flushSegmentContainer(request, destination, segment);
-  request = request.responseState;
-  (boundary = 0 === request.streamingFormat)
+  boundary = request.resumableState;
+  request = request.renderState;
+  (segment = 0 === boundary.streamingFormat)
     ? (destination.push(request.startInlineScript),
-      0 === (request.instructions & 1)
-        ? ((request.instructions |= 1),
+      0 === (boundary.instructions & 1)
+        ? ((boundary.instructions |= 1),
           destination.push(
             '$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};;$RS("'
           ))
@@ -3760,10 +3930,10 @@ function flushPartiallyCompletedSegment(
   destination.push(request.segmentPrefix);
   segmentID = segmentID.toString(16);
   destination.push(segmentID);
-  boundary ? destination.push('","') : destination.push('" data-pid="');
+  segment ? destination.push('","') : destination.push('" data-pid="');
   destination.push(request.placeholderPrefix);
   destination.push(segmentID);
-  destination = boundary
+  destination = segment
     ? destination.push('")\x3c/script>')
     : destination.push('"></template>');
   return destination;
@@ -3774,16 +3944,16 @@ function flushCompletedQueues(request, destination) {
       completedRootSegment = request.completedRootSegment;
     if (null !== completedRootSegment)
       if (0 === request.pendingRootTasks) {
-        var resources = request.resources,
-          responseState = request.responseState;
+        var resumableState = request.resumableState,
+          renderState = request.renderState;
         if (
           0 !== request.allPendingTasks &&
-          responseState.externalRuntimeScript
+          resumableState.externalRuntimeScript
         ) {
-          var _responseState$extern = responseState.externalRuntimeScript,
-            chunks = _responseState$extern.chunks,
-            key = "[script]" + _responseState$extern.src,
-            resource = resources.scriptsMap.get(key);
+          var _resumableState$exter = resumableState.externalRuntimeScript,
+            chunks = _resumableState$exter.chunks,
+            key = "[script]" + _resumableState$exter.src,
+            resource = resumableState.scriptsMap.get(key);
           resource ||
             ((resource = {
               type: "script",
@@ -3791,26 +3961,26 @@ function flushCompletedQueues(request, destination) {
               state: 0,
               props: null
             }),
-            resources.scriptsMap.set(key, resource),
-            resources.scripts.add(resource));
+            resumableState.scriptsMap.set(key, resource),
+            resumableState.scripts.add(resource));
         }
-        var htmlChunks = responseState.htmlChunks,
-          headChunks = responseState.headChunks;
-        _responseState$extern = 0;
+        var htmlChunks = renderState.htmlChunks,
+          headChunks = renderState.headChunks;
+        _resumableState$exter = 0;
         if (htmlChunks) {
           for (
-            _responseState$extern = 0;
-            _responseState$extern < htmlChunks.length;
-            _responseState$extern++
+            _resumableState$exter = 0;
+            _resumableState$exter < htmlChunks.length;
+            _resumableState$exter++
           )
-            destination.push(htmlChunks[_responseState$extern]);
+            destination.push(htmlChunks[_resumableState$exter]);
           if (headChunks)
             for (
-              _responseState$extern = 0;
-              _responseState$extern < headChunks.length;
-              _responseState$extern++
+              _resumableState$exter = 0;
+              _resumableState$exter < headChunks.length;
+              _resumableState$exter++
             )
-              destination.push(headChunks[_responseState$extern]);
+              destination.push(headChunks[_resumableState$exter]);
           else {
             var chunk = startChunkForTag("head");
             destination.push(chunk);
@@ -3818,60 +3988,72 @@ function flushCompletedQueues(request, destination) {
           }
         } else if (headChunks)
           for (
-            _responseState$extern = 0;
-            _responseState$extern < headChunks.length;
-            _responseState$extern++
+            _resumableState$exter = 0;
+            _resumableState$exter < headChunks.length;
+            _resumableState$exter++
           )
-            destination.push(headChunks[_responseState$extern]);
-        var charsetChunks = responseState.charsetChunks;
+            destination.push(headChunks[_resumableState$exter]);
+        var charsetChunks = renderState.charsetChunks;
         for (
-          _responseState$extern = 0;
-          _responseState$extern < charsetChunks.length;
-          _responseState$extern++
+          _resumableState$exter = 0;
+          _resumableState$exter < charsetChunks.length;
+          _resumableState$exter++
         )
-          destination.push(charsetChunks[_responseState$extern]);
+          destination.push(charsetChunks[_resumableState$exter]);
         charsetChunks.length = 0;
-        resources.preconnects.forEach(flushResourceInPreamble, destination);
-        resources.preconnects.clear();
-        var preconnectChunks = responseState.preconnectChunks;
+        resumableState.preconnects.forEach(
+          flushResourceInPreamble,
+          destination
+        );
+        resumableState.preconnects.clear();
+        var preconnectChunks = renderState.preconnectChunks;
         for (
-          _responseState$extern = 0;
-          _responseState$extern < preconnectChunks.length;
-          _responseState$extern++
+          _resumableState$exter = 0;
+          _resumableState$exter < preconnectChunks.length;
+          _resumableState$exter++
         )
-          destination.push(preconnectChunks[_responseState$extern]);
+          destination.push(preconnectChunks[_resumableState$exter]);
         preconnectChunks.length = 0;
-        resources.fontPreloads.forEach(flushResourceInPreamble, destination);
-        resources.fontPreloads.clear();
-        resources.highImagePreloads.forEach(
+        resumableState.fontPreloads.forEach(
           flushResourceInPreamble,
           destination
         );
-        resources.highImagePreloads.clear();
-        resources.precedences.forEach(flushAllStylesInPreamble, destination);
-        resources.bootstrapScripts.forEach(
+        resumableState.fontPreloads.clear();
+        resumableState.highImagePreloads.forEach(
           flushResourceInPreamble,
           destination
         );
-        resources.scripts.forEach(flushResourceInPreamble, destination);
-        resources.scripts.clear();
-        resources.bulkPreloads.forEach(flushResourceInPreamble, destination);
-        resources.bulkPreloads.clear();
-        var preloadChunks = responseState.preloadChunks;
+        resumableState.highImagePreloads.clear();
+        resumableState.precedences.forEach(
+          flushAllStylesInPreamble,
+          destination
+        );
+        resumableState.bootstrapScripts.forEach(
+          flushResourceInPreamble,
+          destination
+        );
+        resumableState.scripts.forEach(flushResourceInPreamble, destination);
+        resumableState.scripts.clear();
+        resumableState.bulkPreloads.forEach(
+          flushResourceInPreamble,
+          destination
+        );
+        resumableState.bulkPreloads.clear();
+        var preloadChunks = renderState.preloadChunks;
         for (
-          _responseState$extern = 0;
-          _responseState$extern < preloadChunks.length;
-          _responseState$extern++
+          _resumableState$exter = 0;
+          _resumableState$exter < preloadChunks.length;
+          _resumableState$exter++
         )
-          destination.push(preloadChunks[_responseState$extern]);
+          destination.push(preloadChunks[_resumableState$exter]);
         preloadChunks.length = 0;
-        var hoistableChunks = responseState.hoistableChunks;
+        var hoistableChunks = renderState.hoistableChunks;
         for (
-          _responseState$extern = 0;
-          _responseState$extern < hoistableChunks.length;
-          _responseState$extern++
+          _resumableState$exter = 0;
+          _resumableState$exter < hoistableChunks.length;
+          _resumableState$exter++
         )
-          destination.push(hoistableChunks[_responseState$extern]);
+          destination.push(hoistableChunks[_resumableState$exter]);
         hoistableChunks.length = 0;
         htmlChunks &&
           null === headChunks &&
@@ -3880,15 +4062,15 @@ function flushCompletedQueues(request, destination) {
           destination.push(">"));
         flushSegment(request, destination, completedRootSegment);
         request.completedRootSegment = null;
-        writeBootstrap(destination, request.responseState);
+        writeBootstrap(destination, request.resumableState);
       } else return;
     else if (0 < request.pendingRootTasks) return;
-    var resources$jscomp$0 = request.resources,
-      responseState$jscomp$0 = request.responseState;
+    var resumableState$jscomp$0 = request.resumableState,
+      renderState$jscomp$0 = request.renderState;
     completedRootSegment = 0;
-    resources$jscomp$0.preconnects.forEach(flushResourceLate, destination);
-    resources$jscomp$0.preconnects.clear();
-    var preconnectChunks$jscomp$0 = responseState$jscomp$0.preconnectChunks;
+    resumableState$jscomp$0.preconnects.forEach(flushResourceLate, destination);
+    resumableState$jscomp$0.preconnects.clear();
+    var preconnectChunks$jscomp$0 = renderState$jscomp$0.preconnectChunks;
     for (
       completedRootSegment = 0;
       completedRootSegment < preconnectChunks$jscomp$0.length;
@@ -3896,19 +4078,25 @@ function flushCompletedQueues(request, destination) {
     )
       destination.push(preconnectChunks$jscomp$0[completedRootSegment]);
     preconnectChunks$jscomp$0.length = 0;
-    resources$jscomp$0.fontPreloads.forEach(flushResourceLate, destination);
-    resources$jscomp$0.fontPreloads.clear();
-    resources$jscomp$0.highImagePreloads.forEach(
+    resumableState$jscomp$0.fontPreloads.forEach(
+      flushResourceLate,
+      destination
+    );
+    resumableState$jscomp$0.fontPreloads.clear();
+    resumableState$jscomp$0.highImagePreloads.forEach(
       flushResourceInPreamble,
       destination
     );
-    resources$jscomp$0.highImagePreloads.clear();
-    resources$jscomp$0.precedences.forEach(preloadLateStyles, destination);
-    resources$jscomp$0.scripts.forEach(flushResourceLate, destination);
-    resources$jscomp$0.scripts.clear();
-    resources$jscomp$0.bulkPreloads.forEach(flushResourceLate, destination);
-    resources$jscomp$0.bulkPreloads.clear();
-    var preloadChunks$jscomp$0 = responseState$jscomp$0.preloadChunks;
+    resumableState$jscomp$0.highImagePreloads.clear();
+    resumableState$jscomp$0.precedences.forEach(preloadLateStyles, destination);
+    resumableState$jscomp$0.scripts.forEach(flushResourceLate, destination);
+    resumableState$jscomp$0.scripts.clear();
+    resumableState$jscomp$0.bulkPreloads.forEach(
+      flushResourceLate,
+      destination
+    );
+    resumableState$jscomp$0.bulkPreloads.clear();
+    var preloadChunks$jscomp$0 = renderState$jscomp$0.preloadChunks;
     for (
       completedRootSegment = 0;
       completedRootSegment < preloadChunks$jscomp$0.length;
@@ -3916,7 +4104,7 @@ function flushCompletedQueues(request, destination) {
     )
       destination.push(preloadChunks$jscomp$0[completedRootSegment]);
     preloadChunks$jscomp$0.length = 0;
-    var hoistableChunks$jscomp$0 = responseState$jscomp$0.hoistableChunks;
+    var hoistableChunks$jscomp$0 = renderState$jscomp$0.hoistableChunks;
     for (
       completedRootSegment = 0;
       completedRootSegment < hoistableChunks$jscomp$0.length;
@@ -3927,64 +4115,64 @@ function flushCompletedQueues(request, destination) {
     var clientRenderedBoundaries = request.clientRenderedBoundaries;
     for (i = 0; i < clientRenderedBoundaries.length; i++) {
       var boundary = clientRenderedBoundaries[i];
-      resources$jscomp$0 = destination;
-      var responseState$jscomp$1 = request.responseState,
+      resumableState$jscomp$0 = destination;
+      var resumableState$jscomp$1 = request.resumableState,
         boundaryID = boundary.id,
         errorDigest = boundary.errorDigest,
         errorMessage = boundary.errorMessage,
         errorComponentStack = boundary.errorComponentStack,
-        scriptFormat = 0 === responseState$jscomp$1.streamingFormat;
+        scriptFormat = 0 === resumableState$jscomp$1.streamingFormat;
       scriptFormat
-        ? (resources$jscomp$0.push(responseState$jscomp$1.startInlineScript),
-          0 === (responseState$jscomp$1.instructions & 4)
-            ? ((responseState$jscomp$1.instructions |= 4),
-              resources$jscomp$0.push(
+        ? (resumableState$jscomp$0.push(request.renderState.startInlineScript),
+          0 === (resumableState$jscomp$1.instructions & 4)
+            ? ((resumableState$jscomp$1.instructions |= 4),
+              resumableState$jscomp$0.push(
                 '$RX=function(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())};;$RX("'
               ))
-            : resources$jscomp$0.push('$RX("'))
-        : resources$jscomp$0.push('<template data-rxi="" data-bid="');
+            : resumableState$jscomp$0.push('$RX("'))
+        : resumableState$jscomp$0.push('<template data-rxi="" data-bid="');
       if (null === boundaryID) throw Error(formatProdErrorMessage(395));
-      resources$jscomp$0.push(boundaryID);
-      scriptFormat && resources$jscomp$0.push('"');
+      resumableState$jscomp$0.push(boundaryID);
+      scriptFormat && resumableState$jscomp$0.push('"');
       if (errorDigest || errorMessage || errorComponentStack)
         if (scriptFormat) {
-          resources$jscomp$0.push(",");
+          resumableState$jscomp$0.push(",");
           var chunk$jscomp$0 = escapeJSStringsForInstructionScripts(
             errorDigest || ""
           );
-          resources$jscomp$0.push(chunk$jscomp$0);
+          resumableState$jscomp$0.push(chunk$jscomp$0);
         } else {
-          resources$jscomp$0.push('" data-dgst="');
+          resumableState$jscomp$0.push('" data-dgst="');
           var chunk$jscomp$1 = escapeTextForBrowser(errorDigest || "");
-          resources$jscomp$0.push(chunk$jscomp$1);
+          resumableState$jscomp$0.push(chunk$jscomp$1);
         }
       if (errorMessage || errorComponentStack)
         if (scriptFormat) {
-          resources$jscomp$0.push(",");
+          resumableState$jscomp$0.push(",");
           var chunk$jscomp$2 = escapeJSStringsForInstructionScripts(
             errorMessage || ""
           );
-          resources$jscomp$0.push(chunk$jscomp$2);
+          resumableState$jscomp$0.push(chunk$jscomp$2);
         } else {
-          resources$jscomp$0.push('" data-msg="');
+          resumableState$jscomp$0.push('" data-msg="');
           var chunk$jscomp$3 = escapeTextForBrowser(errorMessage || "");
-          resources$jscomp$0.push(chunk$jscomp$3);
+          resumableState$jscomp$0.push(chunk$jscomp$3);
         }
       if (errorComponentStack)
         if (scriptFormat) {
-          resources$jscomp$0.push(",");
+          resumableState$jscomp$0.push(",");
           var chunk$jscomp$4 =
             escapeJSStringsForInstructionScripts(errorComponentStack);
-          resources$jscomp$0.push(chunk$jscomp$4);
+          resumableState$jscomp$0.push(chunk$jscomp$4);
         } else {
-          resources$jscomp$0.push('" data-stck="');
+          resumableState$jscomp$0.push('" data-stck="');
           var chunk$jscomp$5 = escapeTextForBrowser(errorComponentStack);
-          resources$jscomp$0.push(chunk$jscomp$5);
+          resumableState$jscomp$0.push(chunk$jscomp$5);
         }
       if (
         scriptFormat
-          ? !resources$jscomp$0.push(")\x3c/script>")
-          : !resources$jscomp$0.push('"></template>')
+          ? !resumableState$jscomp$0.push(")\x3c/script>")
+          : !resumableState$jscomp$0.push('"></template>')
       ) {
         request.destination = null;
         i++;
@@ -4010,32 +4198,32 @@ function flushCompletedQueues(request, destination) {
       a: {
         clientRenderedBoundaries = request;
         boundary = destination;
-        clientRenderedBoundaries.resources.boundaryResources =
+        clientRenderedBoundaries.renderState.boundaryResources =
           boundary$15.resources;
         var completedSegments = boundary$15.completedSegments;
         for (
-          responseState$jscomp$1 = 0;
-          responseState$jscomp$1 < completedSegments.length;
-          responseState$jscomp$1++
+          resumableState$jscomp$1 = 0;
+          resumableState$jscomp$1 < completedSegments.length;
+          resumableState$jscomp$1++
         )
           if (
             !flushPartiallyCompletedSegment(
               clientRenderedBoundaries,
               boundary,
               boundary$15,
-              completedSegments[responseState$jscomp$1]
+              completedSegments[resumableState$jscomp$1]
             )
           ) {
-            responseState$jscomp$1++;
-            completedSegments.splice(0, responseState$jscomp$1);
+            resumableState$jscomp$1++;
+            completedSegments.splice(0, resumableState$jscomp$1);
             var JSCompiler_inline_result = !1;
             break a;
           }
-        completedSegments.splice(0, responseState$jscomp$1);
+        completedSegments.splice(0, resumableState$jscomp$1);
         JSCompiler_inline_result = writeResourcesForBoundary(
           boundary,
           boundary$15.resources,
-          clientRenderedBoundaries.responseState
+          clientRenderedBoundaries.renderState
         );
       }
       if (!JSCompiler_inline_result) {
@@ -4061,12 +4249,12 @@ function flushCompletedQueues(request, destination) {
       0 === request.clientRenderedBoundaries.length &&
       0 === request.completedBoundaries.length &&
       ((request.flushScheduled = !1),
-      (request = request.responseState),
+      (request = request.resumableState),
       request.hasBody &&
         (destination.push("</"),
         destination.push("body"),
         destination.push(">")),
-      request.htmlChunks &&
+      request.hasHtml &&
         (destination.push("</"),
         destination.push("html"),
         destination.push(">")),
@@ -4106,8 +4294,7 @@ function renderToStringImpl(
   children,
   options,
   generateStaticMarkup,
-  abortReason,
-  unstable_externalRuntimeSrc
+  abortReason
 ) {
   var didFatal = !1,
     fatalError$jscomp$0 = null,
@@ -4122,31 +4309,19 @@ function renderToStringImpl(
         fatalError$jscomp$0 = error;
       }
     },
-    readyToStream = !1,
-    resources = {
-      preloadsMap: new Map(),
-      preconnectsMap: new Map(),
-      stylesMap: new Map(),
-      scriptsMap: new Map(),
-      preconnects: new Set(),
-      fontPreloads: new Set(),
-      highImagePreloads: new Set(),
-      precedences: new Map(),
-      stylePrecedences: new Map(),
-      bootstrapScripts: new Set(),
-      scripts: new Set(),
-      bulkPreloads: new Set(),
-      boundaryResources: null
-    };
+    readyToStream = !1;
+  options = createResumableState(
+    options ? options.identifierPrefix : void 0,
+    void 0,
+    void 0,
+    void 0,
+    void 0,
+    void 0
+  );
   children = createRequest(
     children,
-    resources,
-    createResponseState(
-      resources,
-      generateStaticMarkup,
-      options ? options.identifierPrefix : void 0,
-      unstable_externalRuntimeSrc
-    ),
+    options,
+    createRenderState(options, void 0, generateStaticMarkup),
     createFormatContext(0, null, !1),
     Infinity,
     onError,
@@ -4198,4 +4373,4 @@ exports.renderToString = function (children, options) {
     'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
   );
 };
-exports.version = "18.3.0-www-modern-a4787be6";
+exports.version = "18.3.0-www-modern-8d9aaa58";
diff --git a/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js b/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
index c0b09dd57b..9094566475 100644
--- a/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
+++ b/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
@@ -1892,6 +1892,10 @@ var SentClientRenderFunction =
 var SentStyleInsertionFunction =
   /*       */
   8;
+// This cannot be resumed and therefore should only contain things that are
+// temporary working state or are never used in the prerender pass.
+// Per response, global state that is not contextual to the rendering subtree.
+// This is resumable and therefore should be serializable.
 
 var dataElementQuotedEnd = stringToPrecomputedChunk('"></template>');
 var startInlineScript = stringToPrecomputedChunk("<script>");
@@ -1929,8 +1933,32 @@ var scriptReplacer = function (match, prefix, s, suffix) {
 // if passed externalRuntimeConfig and the enableFizzExternalRuntime feature flag
 // is set, the server will send instructions via data attributes (instead of inline scripts)
 
-function createResponseState(
-  resources,
+function createRenderState(resumableState, nonce) {
+  var inlineScriptWithNonce =
+    nonce === undefined
+      ? startInlineScript
+      : stringToPrecomputedChunk(
+          '<script nonce="' + escapeTextForBrowser(nonce) + '">'
+        );
+  var idPrefix = resumableState.idPrefix;
+  return {
+    placeholderPrefix: stringToPrecomputedChunk(idPrefix + "P:"),
+    segmentPrefix: stringToPrecomputedChunk(idPrefix + "S:"),
+    boundaryPrefix: idPrefix + "B:",
+    startInlineScript: inlineScriptWithNonce,
+    htmlChunks: null,
+    headChunks: null,
+    charsetChunks: [],
+    preconnectChunks: [],
+    preloadChunks: [],
+    hoistableChunks: [],
+    nonce: nonce,
+    // like a module global for currently rendering boundary
+    boundaryResources: null,
+    stylesToHoist: false
+  };
+}
+function createResumableState(
   identifierPrefix,
   nonce,
   bootstrapScriptContent,
@@ -1939,17 +1967,17 @@ function createResponseState(
   externalRuntimeConfig
 ) {
   var idPrefix = identifierPrefix === undefined ? "" : identifierPrefix;
-  var inlineScriptWithNonce =
-    nonce === undefined
-      ? startInlineScript
-      : stringToPrecomputedChunk(
-          '<script nonce="' + escapeTextForBrowser(nonce) + '">'
-        );
   var bootstrapChunks = [];
-  var externalRuntimeScript = null;
   var streamingFormat = ScriptStreamingFormat;
+  var externalRuntimeScript = null;
 
   if (bootstrapScriptContent !== undefined) {
+    var inlineScriptWithNonce =
+      nonce === undefined
+        ? startInlineScript
+        : stringToPrecomputedChunk(
+            '<script nonce="' + escapeTextForBrowser(nonce) + '">'
+          );
     bootstrapChunks.push(
       inlineScriptWithNonce,
       stringToChunk(escapeBootstrapScriptContent(bootstrapScriptContent)),
@@ -1987,6 +2015,33 @@ function createResponseState(
     }
   }
 
+  var resumableState = {
+    externalRuntimeScript: externalRuntimeScript,
+    bootstrapChunks: bootstrapChunks,
+    idPrefix: idPrefix,
+    nextSuspenseID: 0,
+    streamingFormat: streamingFormat,
+    instructions: NothingSent,
+    hasBody: false,
+    hasHtml: false,
+    // @TODO add bootstrap script to implicit preloads
+    // persistent
+    preloadsMap: new Map(),
+    preconnectsMap: new Map(),
+    stylesMap: new Map(),
+    scriptsMap: new Map(),
+    // cleared on flush
+    preconnects: new Set(),
+    fontPreloads: new Set(),
+    highImagePreloads: new Set(),
+    // usedImagePreloads: new Set(),
+    precedences: new Map(),
+    stylePrecedences: new Map(),
+    bootstrapScripts: new Set(),
+    scripts: new Set(),
+    bulkPreloads: new Set()
+  };
+
   if (bootstrapScripts !== undefined) {
     for (var i = 0; i < bootstrapScripts.length; i++) {
       var scriptConfig = bootstrapScripts[i];
@@ -2000,7 +2055,13 @@ function createResponseState(
           : scriptConfig.crossOrigin === "use-credentials"
           ? "use-credentials"
           : "";
-      preloadBootstrapScript(resources, src, nonce, integrity, crossOrigin);
+      preloadBootstrapScript(
+        resumableState,
+        src,
+        nonce,
+        integrity,
+        crossOrigin
+      );
       bootstrapChunks.push(
         startScriptSrc,
         stringToChunk(escapeTextForBrowser(src))
@@ -2048,7 +2109,13 @@ function createResponseState(
           ? "use-credentials"
           : "";
 
-      preloadBootstrapModule(resources, _src, nonce, _integrity, _crossOrigin);
+      preloadBootstrapModule(
+        resumableState,
+        _src,
+        nonce,
+        _integrity,
+        _crossOrigin
+      );
       bootstrapChunks.push(
         startModuleSrc,
         stringToChunk(escapeTextForBrowser(_src))
@@ -2079,27 +2146,7 @@ function createResponseState(
     }
   }
 
-  return {
-    bootstrapChunks: bootstrapChunks,
-    placeholderPrefix: stringToPrecomputedChunk(idPrefix + "P:"),
-    segmentPrefix: stringToPrecomputedChunk(idPrefix + "S:"),
-    boundaryPrefix: idPrefix + "B:",
-    idPrefix: idPrefix,
-    nextSuspenseID: 0,
-    streamingFormat: streamingFormat,
-    startInlineScript: inlineScriptWithNonce,
-    instructions: NothingSent,
-    externalRuntimeScript: externalRuntimeScript,
-    htmlChunks: null,
-    headChunks: null,
-    hasBody: false,
-    charsetChunks: [],
-    preconnectChunks: [],
-    preloadChunks: [],
-    hoistableChunks: [],
-    stylesToHoist: false,
-    nonce: nonce
-  };
+  return resumableState;
 } // Constants for the insertion mode we're currently writing in. We don't encode all HTML5 insertion
 // modes. We only include the variants as they matter for the sake of our purposes.
 // We don't actually provide the namespace therefore we use constants instead of the string.
@@ -2229,14 +2276,14 @@ function getChildFormatContext(parentContext, type, props) {
   return parentContext;
 }
 var UNINITIALIZED_SUSPENSE_BOUNDARY_ID = null;
-function assignSuspenseBoundaryID(responseState) {
-  var generatedID = responseState.nextSuspenseID++;
+function assignSuspenseBoundaryID(renderState, resumableState) {
+  var generatedID = resumableState.nextSuspenseID++;
   return stringToPrecomputedChunk(
-    responseState.boundaryPrefix + generatedID.toString(16)
+    renderState.boundaryPrefix + generatedID.toString(16)
   );
 }
-function makeId(responseState, treeId, localId) {
-  var idPrefix = responseState.idPrefix;
+function makeId(resumableState, treeId, localId) {
+  var idPrefix = resumableState.idPrefix;
   var id = ":" + idPrefix + "R" + treeId; // Unless this is the first id at this level, append a number at the end
   // that represents the position of this useId hook among all the useId
   // hooks for this fiber.
@@ -2253,7 +2300,7 @@ function encodeHTMLTextNode(text) {
 }
 
 var textSeparator = stringToPrecomputedChunk("<!-- -->");
-function pushTextInstance(target, text, responseState, textEmbedded) {
+function pushTextInstance(target, text, renderState, textEmbedded) {
   if (text === "") {
     // Empty text doesn't have a DOM node representation and the hydration is aware of this.
     return textEmbedded;
@@ -2268,12 +2315,7 @@ function pushTextInstance(target, text, responseState, textEmbedded) {
 } // Called when Fizz is done with a Segment. Currently the only purpose is to conditionally
 // emit a text separator when we don't know for sure it is safe to omit
 
-function pushSegmentFinale(
-  target,
-  responseState,
-  lastPushedText,
-  textEmbedded
-) {
+function pushSegmentFinale(target, renderState, lastPushedText, textEmbedded) {
   if (lastPushedText && textEmbedded) {
     target.push(textSeparator);
   }
@@ -2446,7 +2488,8 @@ function pushAdditionalFormFields(target, formData) {
 
 function pushFormActionAttribute(
   target,
-  responseState,
+  resumableState,
+  renderState,
   formAction,
   formEncType,
   formMethod,
@@ -2839,7 +2882,7 @@ function pushInnerHTML(target, innerHTML, children) {
       target.push(stringToChunk("" + html));
     }
   }
-} // TODO: Move these to ResponseState so that we warn for every request.
+} // TODO: Move these to RenderState so that we warn for every request.
 // It would help debugging in stateful servers (e.g. service worker).
 
 var didWarnDefaultInputValue = false;
@@ -3081,7 +3124,7 @@ function pushStartOption(target, props, formatContext) {
   return children;
 }
 
-function pushStartForm(target, props, responseState) {
+function pushStartForm(target, props, resumableState, renderState) {
   target.push(startChunkForTag("form"));
   var children = null;
   var innerHTML = null;
@@ -3160,7 +3203,7 @@ function pushStartForm(target, props, responseState) {
   return children;
 }
 
-function pushInput(target, props, responseState) {
+function pushInput(target, props, resumableState, renderState) {
   {
     checkControlledValueProps("input", props);
   }
@@ -3253,7 +3296,8 @@ function pushInput(target, props, responseState) {
 
   var formData = pushFormActionAttribute(
     target,
-    responseState,
+    resumableState,
+    renderState,
     formAction,
     formEncType,
     formMethod,
@@ -3311,7 +3355,7 @@ function pushInput(target, props, responseState) {
   return null;
 }
 
-function pushStartButton(target, props, responseState) {
+function pushStartButton(target, props, resumableState, renderState) {
   target.push(startChunkForTag("button"));
   var children = null;
   var innerHTML = null;
@@ -3382,7 +3426,8 @@ function pushStartButton(target, props, responseState) {
 
   var formData = pushFormActionAttribute(
     target,
-    responseState,
+    resumableState,
+    renderState,
     formAction,
     formEncType,
     formMethod,
@@ -3533,7 +3578,7 @@ function pushStartTextArea(target, props) {
 function pushMeta(
   target,
   props,
-  responseState,
+  renderState,
   textEmbedded,
   insertionMode,
   noscriptTagInScope
@@ -3553,12 +3598,12 @@ function pushMeta(
       }
 
       if (typeof props.charSet === "string") {
-        return pushSelfClosing(responseState.charsetChunks, props, "meta");
+        return pushSelfClosing(renderState.charsetChunks, props, "meta");
       } else if (props.name === "viewport") {
         // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(responseState.preconnectChunks, props, "meta");
+        return pushSelfClosing(renderState.preconnectChunks, props, "meta");
       } else {
-        return pushSelfClosing(responseState.hoistableChunks, props, "meta");
+        return pushSelfClosing(renderState.hoistableChunks, props, "meta");
       }
     }
   }
@@ -3567,8 +3612,8 @@ function pushMeta(
 function pushLink(
   target,
   props,
-  responseState,
-  resources,
+  resumableState,
+  renderState,
   textEmbedded,
   insertionMode,
   noscriptTagInScope
@@ -3640,11 +3685,11 @@ function pushLink(
         return pushLinkImpl(target, props);
       } else {
         // This stylesheet refers to a Resource and we create a new one if necessary
-        var resource = resources.stylesMap.get(key);
+        var resource = resumableState.stylesMap.get(key);
 
         if (!resource) {
           var resourceProps = stylesheetPropsFromRawProps(props);
-          var preloadResource = resources.preloadsMap.get(key);
+          var preloadResource = resumableState.preloadsMap.get(key);
           var state = NoState;
 
           if (preloadResource) {
@@ -3667,12 +3712,12 @@ function pushLink(
             state: state,
             props: resourceProps
           };
-          resources.stylesMap.set(key, resource);
-          var precedenceSet = resources.precedences.get(precedence);
+          resumableState.stylesMap.set(key, resource);
+          var precedenceSet = resumableState.precedences.get(precedence);
 
           if (!precedenceSet) {
             precedenceSet = new Set();
-            resources.precedences.set(precedence, precedenceSet);
+            resumableState.precedences.set(precedence, precedenceSet);
             var emptyStyleResource = {
               type: "style",
               chunks: [],
@@ -3685,7 +3730,7 @@ function pushLink(
             precedenceSet.add(emptyStyleResource);
 
             {
-              if (resources.stylePrecedences.has(precedence)) {
+              if (resumableState.stylePrecedences.has(precedence)) {
                 error(
                   'React constructed an empty style resource when a style resource already exists for this precedence: "%s". This is a bug in React.',
                   precedence
@@ -3693,14 +3738,14 @@ function pushLink(
               }
             }
 
-            resources.stylePrecedences.set(precedence, emptyStyleResource);
+            resumableState.stylePrecedences.set(precedence, emptyStyleResource);
           }
 
           precedenceSet.add(resource);
         }
 
-        if (resources.boundaryResources) {
-          resources.boundaryResources.add(resource);
+        if (renderState.boundaryResources) {
+          renderState.boundaryResources.add(resource);
         }
 
         if (textEmbedded) {
@@ -3727,13 +3772,13 @@ function pushLink(
       switch (props.rel) {
         case "preconnect":
         case "dns-prefetch":
-          return pushLinkImpl(responseState.preconnectChunks, props);
+          return pushLinkImpl(renderState.preconnectChunks, props);
 
         case "preload":
-          return pushLinkImpl(responseState.preloadChunks, props);
+          return pushLinkImpl(renderState.preloadChunks, props);
 
         default:
-          return pushLinkImpl(responseState.hoistableChunks, props);
+          return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -3773,7 +3818,8 @@ function pushLinkImpl(target, props) {
 function pushStyle(
   target,
   props,
-  resources,
+  resumableState,
+  renderState,
   textEmbedded,
   insertionMode,
   noscriptTagInScope
@@ -3834,10 +3880,10 @@ function pushStyle(
     }
 
     var key = getResourceKey("style", href);
-    var resource = resources.stylesMap.get(key);
+    var resource = resumableState.stylesMap.get(key);
 
     if (!resource) {
-      resource = resources.stylePrecedences.get(precedence);
+      resource = resumableState.stylePrecedences.get(precedence);
 
       if (!resource) {
         resource = {
@@ -3849,12 +3895,12 @@ function pushStyle(
             hrefs: [href]
           }
         };
-        resources.stylePrecedences.set(precedence, resource);
+        resumableState.stylePrecedences.set(precedence, resource);
         var precedenceSet = new Set();
         precedenceSet.add(resource);
 
         {
-          if (resources.precedences.has(precedence)) {
+          if (resumableState.precedences.has(precedence)) {
             error(
               'React constructed a new style precedence set when one already exists for this precedence: "%s". This is a bug in React.',
               precedence
@@ -3862,15 +3908,15 @@ function pushStyle(
           }
         }
 
-        resources.precedences.set(precedence, precedenceSet);
+        resumableState.precedences.set(precedence, precedenceSet);
       } else {
         resource.props.hrefs.push(href);
       }
 
-      resources.stylesMap.set(key, resource);
+      resumableState.stylesMap.set(key, resource);
 
-      if (resources.boundaryResources) {
-        resources.boundaryResources.add(resource);
+      if (renderState.boundaryResources) {
+        renderState.boundaryResources.add(resource);
       }
 
       pushStyleContents(resource.chunks, props);
@@ -3995,7 +4041,7 @@ function getImagePreloadKey(href, imageSrcSet, imageSizes) {
   return getResourceKey("image", uniquePart);
 }
 
-function pushImg(target, props, resources) {
+function pushImg(target, props, resumableState) {
   var src = props.src,
     srcSet = props.srcSet;
 
@@ -4021,10 +4067,10 @@ function pushImg(target, props, resources) {
     )
   ) {
     // We have a suspensey image and ought to preload it to optimize the loading of display blocking
-    // resources.
+    // resumableState.
     var sizes = props.sizes;
     var key = getImagePreloadKey(src, srcSet, sizes);
-    var resource = resources.preloadsMap.get(key);
+    var resource = resumableState.preloadsMap.get(key);
 
     if (!resource) {
       resource = {
@@ -4048,17 +4094,17 @@ function pushImg(target, props, resources) {
           referrerPolicy: props.referrerPolicy
         }
       };
-      resources.preloadsMap.set(key, resource);
+      resumableState.preloadsMap.set(key, resource);
       pushLinkImpl(resource.chunks, resource.props);
     }
 
     if (
       props.fetchPriority === "high" ||
-      resources.highImagePreloads.size < 10
+      resumableState.highImagePreloads.size < 10
     ) {
-      resources.highImagePreloads.add(resource);
+      resumableState.highImagePreloads.add(resource);
     } else {
-      resources.bulkPreloads.add(resource);
+      resumableState.bulkPreloads.add(resource);
     }
   }
 
@@ -4128,7 +4174,7 @@ function pushStartMenuItem(target, props) {
 function pushTitle(
   target,
   props,
-  responseState,
+  renderState,
   insertionMode,
   noscriptTagInScope
 ) {
@@ -4185,7 +4231,7 @@ function pushTitle(
       !noscriptTagInScope &&
       props.itemProp == null
     ) {
-      pushTitleImpl(responseState.hoistableChunks, props);
+      pushTitleImpl(renderState.hoistableChunks, props);
       return null;
     } else {
       return pushTitleImpl(target, props);
@@ -4244,12 +4290,12 @@ function pushTitleImpl(target, props) {
   return null;
 }
 
-function pushStartHead(target, props, responseState, insertionMode) {
+function pushStartHead(target, props, renderState, insertionMode) {
   {
-    if (insertionMode < HTML_MODE && responseState.headChunks === null) {
+    if (insertionMode < HTML_MODE && renderState.headChunks === null) {
       // This <head> is the Document.head and should be part of the preamble
-      responseState.headChunks = [];
-      return pushStartGenericElement(responseState.headChunks, props, "head");
+      renderState.headChunks = [];
+      return pushStartGenericElement(renderState.headChunks, props, "head");
     } else {
       // This <head> is deep and is likely just an error. we emit it inline though.
       // Validation should warn that this tag is the the wrong spot.
@@ -4258,12 +4304,12 @@ function pushStartHead(target, props, responseState, insertionMode) {
   }
 }
 
-function pushStartHtml(target, props, responseState, insertionMode) {
+function pushStartHtml(target, props, renderState, insertionMode) {
   {
-    if (insertionMode === ROOT_HTML_MODE && responseState.htmlChunks === null) {
+    if (insertionMode === ROOT_HTML_MODE && renderState.htmlChunks === null) {
       // This <html> is the Document.documentElement and should be part of the preamble
-      responseState.htmlChunks = [doctypeChunk];
-      return pushStartGenericElement(responseState.htmlChunks, props, "html");
+      renderState.htmlChunks = [doctypeChunk];
+      return pushStartGenericElement(renderState.htmlChunks, props, "html");
     } else {
       // This <html> is deep and is likely just an error. we emit it inline though.
       // Validation should warn that this tag is the the wrong spot.
@@ -4275,7 +4321,7 @@ function pushStartHtml(target, props, responseState, insertionMode) {
 function pushScript(
   target,
   props,
-  resources,
+  resumableState,
   textEmbedded,
   insertionMode,
   noscriptTagInScope
@@ -4304,7 +4350,7 @@ function pushScript(
     var src = props.src;
     var key = getResourceKey("script", src); // We can make this <script> into a ScriptResource
 
-    var resource = resources.scriptsMap.get(key);
+    var resource = resumableState.scriptsMap.get(key);
 
     if (!resource) {
       resource = {
@@ -4313,11 +4359,11 @@ function pushScript(
         state: NoState,
         props: null
       };
-      resources.scriptsMap.set(key, resource); // Add to the script flushing queue
+      resumableState.scriptsMap.set(key, resource); // Add to the script flushing queue
 
-      resources.scripts.add(resource);
+      resumableState.scripts.add(resource);
       var scriptProps = props;
-      var preloadResource = resources.preloadsMap.get(key);
+      var preloadResource = resumableState.preloadsMap.get(key);
 
       if (preloadResource) {
         // If we already had a preload we don't want that resource to flush directly.
@@ -4627,8 +4673,8 @@ function pushStartInstance(
   target,
   type,
   props,
-  resources,
-  responseState,
+  resumableState,
+  renderState,
   formatContext,
   textEmbedded
 ) {
@@ -4688,10 +4734,10 @@ function pushStartInstance(
       return pushStartTextArea(target, props);
 
     case "input":
-      return pushInput(target, props, responseState);
+      return pushInput(target, props, resumableState, renderState);
 
     case "button":
-      return pushStartButton(target, props, responseState);
+      return pushStartButton(target, props, resumableState, renderState);
 
     case "form":
       return pushStartForm(target, props);
@@ -4703,7 +4749,7 @@ function pushStartInstance(
       return pushTitle(
         target,
         props,
-        responseState,
+        renderState,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope
       );
@@ -4712,8 +4758,8 @@ function pushStartInstance(
       return pushLink(
         target,
         props,
-        responseState,
-        resources,
+        resumableState,
+        renderState,
         textEmbedded,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope
@@ -4723,7 +4769,7 @@ function pushStartInstance(
       return pushScript(
         target,
         props,
-        resources,
+        resumableState,
         textEmbedded,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope
@@ -4733,7 +4779,8 @@ function pushStartInstance(
       return pushStyle(
         target,
         props,
-        resources,
+        resumableState,
+        renderState,
         textEmbedded,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope
@@ -4743,7 +4790,7 @@ function pushStartInstance(
       return pushMeta(
         target,
         props,
-        responseState,
+        renderState,
         textEmbedded,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope
@@ -4756,7 +4803,7 @@ function pushStartInstance(
     }
 
     case "img": {
-      return pushImg(target, props, resources);
+      return pushImg(target, props, resumableState);
     }
     // Omitted close tags
 
@@ -4792,7 +4839,7 @@ function pushStartInstance(
       return pushStartHead(
         target,
         props,
-        responseState,
+        renderState,
         formatContext.insertionMode
       );
 
@@ -4800,7 +4847,7 @@ function pushStartInstance(
       return pushStartHtml(
         target,
         props,
-        responseState,
+        renderState,
         formatContext.insertionMode
       );
     }
@@ -4817,7 +4864,7 @@ function pushStartInstance(
 }
 var endTag1 = stringToPrecomputedChunk("</");
 var endTag2 = stringToPrecomputedChunk(">");
-function pushEndInstance(target, type, props, responseState, formatContext) {
+function pushEndInstance(target, type, props, resumableState, formatContext) {
   switch (type) {
     // When float is on we expect title and script tags to always be pushed in
     // a unit and never return children. when we end up pushing the end tag we
@@ -4855,7 +4902,7 @@ function pushEndInstance(target, type, props, responseState, formatContext) {
 
     case "body": {
       if (formatContext.insertionMode <= HTML_HTML_MODE) {
-        responseState.hasBody = true;
+        resumableState.hasBody = true;
         return;
       }
 
@@ -4864,6 +4911,7 @@ function pushEndInstance(target, type, props, responseState, formatContext) {
 
     case "html":
       if (formatContext.insertionMode === ROOT_HTML_MODE) {
+        resumableState.hasHtml = true;
         return;
       }
 
@@ -4873,8 +4921,8 @@ function pushEndInstance(target, type, props, responseState, formatContext) {
   target.push(endTag1, stringToChunk(type), endTag2);
 }
 
-function writeBootstrap(destination, responseState) {
-  var bootstrapChunks = responseState.bootstrapChunks;
+function writeBootstrap(destination, resumableState) {
+  var bootstrapChunks = resumableState.bootstrapChunks;
   var i = 0;
 
   for (; i < bootstrapChunks.length - 1; i++) {
@@ -4890,8 +4938,8 @@ function writeBootstrap(destination, responseState) {
   return true;
 }
 
-function writeCompletedRoot(destination, responseState) {
-  return writeBootstrap(destination, responseState);
+function writeCompletedRoot(destination, resumableState) {
+  return writeBootstrap(destination, resumableState);
 } // Structural Nodes
 // A placeholder is a node inside a hidden partial tree that can be filled in later, but before
 // display. It's never visible to users. We use the template tag because it can be used in every
@@ -4899,9 +4947,9 @@ function writeCompletedRoot(destination, responseState) {
 
 var placeholder1 = stringToPrecomputedChunk('<template id="');
 var placeholder2 = stringToPrecomputedChunk('"></template>');
-function writePlaceholder(destination, responseState, id) {
+function writePlaceholder(destination, renderState, id) {
   writeChunk(destination, placeholder1);
-  writeChunk(destination, responseState.placeholderPrefix);
+  writeChunk(destination, renderState.placeholderPrefix);
   var formattedID = stringToChunk(id.toString(16));
   writeChunk(destination, formattedID);
   return writeChunkAndReturn(destination, placeholder2);
@@ -4926,10 +4974,10 @@ var clientRenderedSuspenseBoundaryError1C =
   stringToPrecomputedChunk(' data-stck="');
 var clientRenderedSuspenseBoundaryError2 =
   stringToPrecomputedChunk("></template>");
-function writeStartCompletedSuspenseBoundary(destination, responseState) {
+function writeStartCompletedSuspenseBoundary(destination, renderState) {
   return writeChunkAndReturn(destination, startCompletedSuspenseBoundary);
 }
-function writeStartPendingSuspenseBoundary(destination, responseState, id) {
+function writeStartPendingSuspenseBoundary(destination, renderState, id) {
   writeChunk(destination, startPendingSuspenseBoundary1);
 
   if (id === null) {
@@ -4943,7 +4991,7 @@ function writeStartPendingSuspenseBoundary(destination, responseState, id) {
 }
 function writeStartClientRenderedSuspenseBoundary(
   destination,
-  responseState,
+  renderState,
   errorDigest,
   errorMesssage,
   errorComponentStack
@@ -4996,13 +5044,13 @@ function writeStartClientRenderedSuspenseBoundary(
   );
   return result;
 }
-function writeEndCompletedSuspenseBoundary(destination, responseState) {
+function writeEndCompletedSuspenseBoundary(destination, renderState) {
   return writeChunkAndReturn(destination, endSuspenseBoundary);
 }
-function writeEndPendingSuspenseBoundary(destination, responseState) {
+function writeEndPendingSuspenseBoundary(destination, renderState) {
   return writeChunkAndReturn(destination, endSuspenseBoundary);
 }
-function writeEndClientRenderedSuspenseBoundary(destination, responseState) {
+function writeEndClientRenderedSuspenseBoundary(destination, renderState) {
   return writeChunkAndReturn(destination, endSuspenseBoundary);
 }
 var startSegmentHTML = stringToPrecomputedChunk('<div hidden id="');
@@ -5034,34 +5082,34 @@ var startSegmentColGroup = stringToPrecomputedChunk(
 );
 var startSegmentColGroup2 = stringToPrecomputedChunk('">');
 var endSegmentColGroup = stringToPrecomputedChunk("</colgroup></table>");
-function writeStartSegment(destination, responseState, formatContext, id) {
+function writeStartSegment(destination, renderState, formatContext, id) {
   switch (formatContext.insertionMode) {
     case ROOT_HTML_MODE:
     case HTML_HTML_MODE:
     case HTML_MODE: {
       writeChunk(destination, startSegmentHTML);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentHTML2);
     }
 
     case SVG_MODE: {
       writeChunk(destination, startSegmentSVG);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentSVG2);
     }
 
     case MATHML_MODE: {
       writeChunk(destination, startSegmentMathML);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentMathML2);
     }
 
     case HTML_TABLE_MODE: {
       writeChunk(destination, startSegmentTable);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentTable2);
     }
@@ -5072,21 +5120,21 @@ function writeStartSegment(destination, responseState, formatContext, id) {
 
     case HTML_TABLE_BODY_MODE: {
       writeChunk(destination, startSegmentTableBody);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentTableBody2);
     }
 
     case HTML_TABLE_ROW_MODE: {
       writeChunk(destination, startSegmentTableRow);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentTableRow2);
     }
 
     case HTML_COLGROUP_MODE: {
       writeChunk(destination, startSegmentColGroup);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentColGroup2);
     }
@@ -5146,20 +5194,21 @@ var completeSegmentData2 = stringToPrecomputedChunk('" data-pid="');
 var completeSegmentDataEnd = dataElementQuotedEnd;
 function writeCompletedSegmentInstruction(
   destination,
-  responseState,
+  resumableState,
+  renderState,
   contentSegmentID
 ) {
-  var scriptFormat = responseState.streamingFormat === ScriptStreamingFormat;
+  var scriptFormat = resumableState.streamingFormat === ScriptStreamingFormat;
 
   if (scriptFormat) {
-    writeChunk(destination, responseState.startInlineScript);
+    writeChunk(destination, renderState.startInlineScript);
 
     if (
-      (responseState.instructions & SentCompleteSegmentFunction) ===
+      (resumableState.instructions & SentCompleteSegmentFunction) ===
       NothingSent
     ) {
       // The first time we write this, we'll need to include the full implementation.
-      responseState.instructions |= SentCompleteSegmentFunction;
+      resumableState.instructions |= SentCompleteSegmentFunction;
       writeChunk(destination, completeSegmentScript1Full);
     } else {
       // Future calls can just reuse the same function.
@@ -5169,7 +5218,7 @@ function writeCompletedSegmentInstruction(
     writeChunk(destination, completeSegmentData1);
   } // Write function arguments, which are string literals
 
-  writeChunk(destination, responseState.segmentPrefix);
+  writeChunk(destination, renderState.segmentPrefix);
   var formattedID = stringToChunk(contentSegmentID.toString(16));
   writeChunk(destination, formattedID);
 
@@ -5179,7 +5228,7 @@ function writeCompletedSegmentInstruction(
     writeChunk(destination, completeSegmentData2);
   }
 
-  writeChunk(destination, responseState.placeholderPrefix);
+  writeChunk(destination, renderState.placeholderPrefix);
   writeChunk(destination, formattedID);
 
   if (scriptFormat) {
@@ -5215,7 +5264,8 @@ var completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 var completeBoundaryDataEnd = dataElementQuotedEnd;
 function writeCompletedBoundaryInstruction(
   destination,
-  responseState,
+  resumableState,
+  renderState,
   boundaryID,
   contentSegmentID,
   boundaryResources
@@ -5223,45 +5273,45 @@ function writeCompletedBoundaryInstruction(
   var requiresStyleInsertion;
 
   {
-    requiresStyleInsertion = responseState.stylesToHoist; // If necessary stylesheets will be flushed with this instruction.
+    requiresStyleInsertion = renderState.stylesToHoist; // If necessary stylesheets will be flushed with this instruction.
     // Any style tags not yet hoisted in the Document will also be hoisted.
     // We reset this state since after this instruction executes all styles
     // up to this point will have been hoisted
 
-    responseState.stylesToHoist = false;
+    renderState.stylesToHoist = false;
   }
 
-  var scriptFormat = responseState.streamingFormat === ScriptStreamingFormat;
+  var scriptFormat = resumableState.streamingFormat === ScriptStreamingFormat;
 
   if (scriptFormat) {
-    writeChunk(destination, responseState.startInlineScript);
+    writeChunk(destination, renderState.startInlineScript);
 
     if (requiresStyleInsertion) {
       if (
-        (responseState.instructions & SentCompleteBoundaryFunction) ===
+        (resumableState.instructions & SentCompleteBoundaryFunction) ===
         NothingSent
       ) {
-        responseState.instructions |=
+        resumableState.instructions |=
           SentStyleInsertionFunction | SentCompleteBoundaryFunction;
         writeChunk(
           destination,
           clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth)
         );
       } else if (
-        (responseState.instructions & SentStyleInsertionFunction) ===
+        (resumableState.instructions & SentStyleInsertionFunction) ===
         NothingSent
       ) {
-        responseState.instructions |= SentStyleInsertionFunction;
+        resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
       } else {
         writeChunk(destination, completeBoundaryWithStylesScript1Partial);
       }
     } else {
       if (
-        (responseState.instructions & SentCompleteBoundaryFunction) ===
+        (resumableState.instructions & SentCompleteBoundaryFunction) ===
         NothingSent
       ) {
-        responseState.instructions |= SentCompleteBoundaryFunction;
+        resumableState.instructions |= SentCompleteBoundaryFunction;
         writeChunk(destination, completeBoundaryScript1Full);
       } else {
         writeChunk(destination, completeBoundaryScript1Partial);
@@ -5290,7 +5340,7 @@ function writeCompletedBoundaryInstruction(
     writeChunk(destination, completeBoundaryData2);
   }
 
-  writeChunk(destination, responseState.segmentPrefix);
+  writeChunk(destination, renderState.segmentPrefix);
   writeChunk(destination, formattedContentID);
 
   if (requiresStyleInsertion) {
@@ -5321,7 +5371,7 @@ function writeCompletedBoundaryInstruction(
     writeMore = writeChunkAndReturn(destination, completeBoundaryDataEnd);
   }
 
-  return writeBootstrap(destination, responseState) && writeMore;
+  return writeBootstrap(destination, resumableState) && writeMore;
 }
 var clientRenderScript1Full = stringToPrecomputedChunk(
   clientRenderBoundary + ';$RX("'
@@ -5339,23 +5389,24 @@ var clientRenderData4 = stringToPrecomputedChunk('" data-stck="');
 var clientRenderDataEnd = dataElementQuotedEnd;
 function writeClientRenderBoundaryInstruction(
   destination,
-  responseState,
+  resumableState,
+  renderState,
   boundaryID,
   errorDigest,
   errorMessage,
   errorComponentStack
 ) {
-  var scriptFormat = responseState.streamingFormat === ScriptStreamingFormat;
+  var scriptFormat = resumableState.streamingFormat === ScriptStreamingFormat;
 
   if (scriptFormat) {
-    writeChunk(destination, responseState.startInlineScript);
+    writeChunk(destination, renderState.startInlineScript);
 
     if (
-      (responseState.instructions & SentClientRenderFunction) ===
+      (resumableState.instructions & SentClientRenderFunction) ===
       NothingSent
     ) {
       // The first time we write this, we'll need to include the full implementation.
-      responseState.instructions |= SentClientRenderFunction;
+      resumableState.instructions |= SentClientRenderFunction;
       writeChunk(destination, clientRenderScript1Full);
     } else {
       // Future calls can just reuse the same function.
@@ -5569,7 +5620,7 @@ function flushStyleTagsLateForBoundary(resource) {
 function writeResourcesForBoundary(
   destination,
   boundaryResources,
-  responseState
+  renderState
 ) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
@@ -5578,7 +5629,7 @@ function writeResourcesForBoundary(
   boundaryResources.forEach(flushStyleTagsLateForBoundary, destination);
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
-    responseState.stylesToHoist = true;
+    renderState.stylesToHoist = true;
   }
 
   return destinationHasCapacity;
@@ -5726,25 +5777,25 @@ function preloadLateStyles(set, precedence) {
 
 function writePreamble(
   destination,
-  resources,
-  responseState,
+  resumableState,
+  renderState,
   willFlushAllSegments
 ) {
   // This function must be called exactly once on every request
-  if (!willFlushAllSegments && responseState.externalRuntimeScript) {
+  if (!willFlushAllSegments && resumableState.externalRuntimeScript) {
     // If the root segment is incomplete due to suspended tasks
     // (e.g. willFlushAllSegments = false) and we are using data
     // streaming format, ensure the external runtime is sent.
     // (User code could choose to send this even earlier by calling
     //  preinit(...), if they know they will suspend).
-    var _responseState$extern = responseState.externalRuntimeScript,
-      src = _responseState$extern.src,
-      chunks = _responseState$extern.chunks;
-    internalPreinitScript(resources, src, chunks);
+    var _resumableState$exter = resumableState.externalRuntimeScript,
+      src = _resumableState$exter.src,
+      chunks = _resumableState$exter.chunks;
+    internalPreinitScript(resumableState, src, chunks);
   }
 
-  var htmlChunks = responseState.htmlChunks;
-  var headChunks = responseState.headChunks;
+  var htmlChunks = renderState.htmlChunks;
+  var headChunks = renderState.headChunks;
   var i = 0; // Emit open tags before Hoistables and Resources
 
   if (htmlChunks) {
@@ -5769,7 +5820,7 @@ function writePreamble(
     }
   } // Emit high priority Hoistables
 
-  var charsetChunks = responseState.charsetChunks;
+  var charsetChunks = renderState.charsetChunks;
 
   for (i = 0; i < charsetChunks.length; i++) {
     writeChunk(destination, charsetChunks[i]);
@@ -5777,28 +5828,31 @@ function writePreamble(
 
   charsetChunks.length = 0; // emit preconnect resources
 
-  resources.preconnects.forEach(flushResourceInPreamble, destination);
-  resources.preconnects.clear();
-  var preconnectChunks = responseState.preconnectChunks;
+  resumableState.preconnects.forEach(flushResourceInPreamble, destination);
+  resumableState.preconnects.clear();
+  var preconnectChunks = renderState.preconnectChunks;
 
   for (i = 0; i < preconnectChunks.length; i++) {
     writeChunk(destination, preconnectChunks[i]);
   }
 
   preconnectChunks.length = 0;
-  resources.fontPreloads.forEach(flushResourceInPreamble, destination);
-  resources.fontPreloads.clear();
-  resources.highImagePreloads.forEach(flushResourceInPreamble, destination);
-  resources.highImagePreloads.clear(); // Flush unblocked stylesheets by precedence
+  resumableState.fontPreloads.forEach(flushResourceInPreamble, destination);
+  resumableState.fontPreloads.clear();
+  resumableState.highImagePreloads.forEach(
+    flushResourceInPreamble,
+    destination
+  );
+  resumableState.highImagePreloads.clear(); // Flush unblocked stylesheets by precedence
 
-  resources.precedences.forEach(flushAllStylesInPreamble, destination);
-  resources.bootstrapScripts.forEach(flushResourceInPreamble, destination);
-  resources.scripts.forEach(flushResourceInPreamble, destination);
-  resources.scripts.clear();
-  resources.bulkPreloads.forEach(flushResourceInPreamble, destination);
-  resources.bulkPreloads.clear(); // Write embedding preloadChunks
+  resumableState.precedences.forEach(flushAllStylesInPreamble, destination);
+  resumableState.bootstrapScripts.forEach(flushResourceInPreamble, destination);
+  resumableState.scripts.forEach(flushResourceInPreamble, destination);
+  resumableState.scripts.clear();
+  resumableState.bulkPreloads.forEach(flushResourceInPreamble, destination);
+  resumableState.bulkPreloads.clear(); // Write embedding preloadChunks
 
-  var preloadChunks = responseState.preloadChunks;
+  var preloadChunks = renderState.preloadChunks;
 
   for (i = 0; i < preloadChunks.length; i++) {
     writeChunk(destination, preloadChunks[i]);
@@ -5806,7 +5860,7 @@ function writePreamble(
 
   preloadChunks.length = 0; // Write embedding hoistableChunks
 
-  var hoistableChunks = responseState.hoistableChunks;
+  var hoistableChunks = renderState.hoistableChunks;
 
   for (i = 0; i < hoistableChunks.length; i++) {
     writeChunk(destination, hoistableChunks[i]);
@@ -5829,35 +5883,38 @@ function writePreamble(
 // in the future to be backpressure sensitive but that requires a larger refactor
 // of the flushing code in Fizz.
 
-function writeHoistables(destination, resources, responseState) {
+function writeHoistables(destination, resumableState, renderState) {
   var i = 0; // Emit high priority Hoistables
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  resources.preconnects.forEach(flushResourceLate, destination);
-  resources.preconnects.clear();
-  var preconnectChunks = responseState.preconnectChunks;
+  resumableState.preconnects.forEach(flushResourceLate, destination);
+  resumableState.preconnects.clear();
+  var preconnectChunks = renderState.preconnectChunks;
 
   for (i = 0; i < preconnectChunks.length; i++) {
     writeChunk(destination, preconnectChunks[i]);
   }
 
   preconnectChunks.length = 0;
-  resources.fontPreloads.forEach(flushResourceLate, destination);
-  resources.fontPreloads.clear();
-  resources.highImagePreloads.forEach(flushResourceInPreamble, destination);
-  resources.highImagePreloads.clear(); // Preload any stylesheets. these will emit in a render instruction that follows this
+  resumableState.fontPreloads.forEach(flushResourceLate, destination);
+  resumableState.fontPreloads.clear();
+  resumableState.highImagePreloads.forEach(
+    flushResourceInPreamble,
+    destination
+  );
+  resumableState.highImagePreloads.clear(); // Preload any stylesheets. these will emit in a render instruction that follows this
   // but we want to kick off preloading as soon as possible
 
-  resources.precedences.forEach(preloadLateStyles, destination); // bootstrap scripts should flush above script priority but these can only flush in the preamble
+  resumableState.precedences.forEach(preloadLateStyles, destination); // bootstrap scripts should flush above script priority but these can only flush in the preamble
   // so we elide the code here for performance
 
-  resources.scripts.forEach(flushResourceLate, destination);
-  resources.scripts.clear();
-  resources.bulkPreloads.forEach(flushResourceLate, destination);
-  resources.bulkPreloads.clear(); // Write embedding preloadChunks
+  resumableState.scripts.forEach(flushResourceLate, destination);
+  resumableState.scripts.clear();
+  resumableState.bulkPreloads.forEach(flushResourceLate, destination);
+  resumableState.bulkPreloads.clear(); // Write embedding preloadChunks
 
-  var preloadChunks = responseState.preloadChunks;
+  var preloadChunks = renderState.preloadChunks;
 
   for (i = 0; i < preloadChunks.length; i++) {
     writeChunk(destination, preloadChunks[i]);
@@ -5865,7 +5922,7 @@ function writeHoistables(destination, resources, responseState) {
 
   preloadChunks.length = 0; // Write embedding hoistableChunks
 
-  var hoistableChunks = responseState.hoistableChunks;
+  var hoistableChunks = renderState.hoistableChunks;
 
   for (i = 0; i < hoistableChunks.length; i++) {
     writeChunk(destination, hoistableChunks[i]);
@@ -5873,14 +5930,14 @@ function writeHoistables(destination, resources, responseState) {
 
   hoistableChunks.length = 0;
 }
-function writePostamble(destination, responseState) {
-  if (responseState.hasBody) {
+function writePostamble(destination, resumableState) {
+  if (resumableState.hasBody) {
     writeChunk(destination, endTag1);
     writeChunk(destination, stringToChunk("body"));
     writeChunk(destination, endTag2);
   }
 
-  if (responseState.htmlChunks) {
+  if (resumableState.hasHtml) {
     writeChunk(destination, endTag1);
     writeChunk(destination, stringToChunk("html"));
     writeChunk(destination, endTag2);
@@ -6317,37 +6374,15 @@ var Blocked =
 
 var PreloadFlushed =
   /*     */
-  8; // @TODO add bootstrap script to implicit preloads
-
-function createResources() {
-  return {
-    // persistent
-    preloadsMap: new Map(),
-    preconnectsMap: new Map(),
-    stylesMap: new Map(),
-    scriptsMap: new Map(),
-    // cleared on flush
-    preconnects: new Set(),
-    fontPreloads: new Set(),
-    highImagePreloads: new Set(),
-    // usedImagePreloads: new Set(),
-    precedences: new Map(),
-    stylePrecedences: new Map(),
-    bootstrapScripts: new Set(),
-    scripts: new Set(),
-    bulkPreloads: new Set(),
-    // like a module global for currently rendering boundary
-    boundaryResources: null
-  };
-}
+  8;
 function createBoundaryResources() {
   return new Set();
 }
 function setCurrentlyRenderingBoundaryResourcesTarget(
-  resources,
+  renderState,
   boundaryResources
 ) {
-  resources.boundaryResources = boundaryResources;
+  renderState.boundaryResources = boundaryResources;
 }
 
 function getResourceKey(as, href) {
@@ -6366,7 +6401,7 @@ function prefetchDNS(href, options) {
     return;
   }
 
-  var resources = getResources(request);
+  var resumableState = getResumableState(request);
 
   {
     if (typeof href !== "string" || !href) {
@@ -6394,7 +6429,7 @@ function prefetchDNS(href, options) {
 
   if (typeof href === "string" && href) {
     var key = getResourceKey("prefetchDNS", href);
-    var resource = resources.preconnectsMap.get(key);
+    var resource = resumableState.preconnectsMap.get(key);
 
     if (!resource) {
       resource = {
@@ -6403,14 +6438,14 @@ function prefetchDNS(href, options) {
         state: NoState,
         props: null
       };
-      resources.preconnectsMap.set(key, resource);
+      resumableState.preconnectsMap.set(key, resource);
       pushLinkImpl(resource.chunks, {
         href: href,
         rel: "dns-prefetch"
       });
     }
 
-    resources.preconnects.add(resource);
+    resumableState.preconnects.add(resource);
     flushResources(request);
   }
 }
@@ -6427,7 +6462,7 @@ function preconnect(href, options) {
     return;
   }
 
-  var resources = getResources(request);
+  var resumableState = getResumableState(request);
 
   {
     if (typeof href !== "string" || !href) {
@@ -6460,7 +6495,7 @@ function preconnect(href, options) {
       (crossOrigin === null ? "null" : crossOrigin) +
       "]" +
       href;
-    var resource = resources.preconnectsMap.get(key);
+    var resource = resumableState.preconnectsMap.get(key);
 
     if (!resource) {
       resource = {
@@ -6469,7 +6504,7 @@ function preconnect(href, options) {
         state: NoState,
         props: null
       };
-      resources.preconnectsMap.set(key, resource);
+      resumableState.preconnectsMap.set(key, resource);
       pushLinkImpl(resource.chunks, {
         rel: "preconnect",
         href: href,
@@ -6477,7 +6512,7 @@ function preconnect(href, options) {
       });
     }
 
-    resources.preconnects.add(resource);
+    resumableState.preconnects.add(resource);
     flushResources(request);
   }
 }
@@ -6494,7 +6529,7 @@ function preload(href, options) {
     return;
   }
 
-  var resources = getResources(request);
+  var resumableState = getResumableState(request);
 
   {
     var encountered = "";
@@ -6548,7 +6583,7 @@ function preload(href, options) {
       key = getResourceKey(as, href);
     }
 
-    var resource = resources.preloadsMap.get(key);
+    var resource = resumableState.preloadsMap.get(key);
 
     if (!resource) {
       resource = {
@@ -6557,16 +6592,16 @@ function preload(href, options) {
         state: NoState,
         props: preloadPropsFromPreloadOptions(href, as, options)
       };
-      resources.preloadsMap.set(key, resource);
+      resumableState.preloadsMap.set(key, resource);
       pushLinkImpl(resource.chunks, resource.props);
     }
 
     if (as === "font") {
-      resources.fontPreloads.add(resource);
+      resumableState.fontPreloads.add(resource);
     } else if (as === "image" && options.fetchPriority === "high") {
-      resources.highImagePreloads.add(resource);
+      resumableState.highImagePreloads.add(resource);
     } else {
-      resources.bulkPreloads.add(resource);
+      resumableState.bulkPreloads.add(resource);
     }
 
     flushResources(request);
@@ -6585,7 +6620,7 @@ function preloadModule(href, options) {
     return;
   }
 
-  var resources = getResources(request);
+  var resumableState = getResumableState(request);
 
   {
     var encountered = "";
@@ -6620,7 +6655,7 @@ function preloadModule(href, options) {
   if (typeof href === "string" && href) {
     var as = options && typeof options.as === "string" ? options.as : "script";
     var key = getResourceKey(as, href);
-    var resource = resources.preloadsMap.get(key);
+    var resource = resumableState.preloadsMap.get(key);
 
     if (!resource) {
       resource = {
@@ -6629,11 +6664,11 @@ function preloadModule(href, options) {
         state: NoState,
         props: preloadModulePropsFromPreloadModuleOptions(href, as, options)
       };
-      resources.preloadsMap.set(key, resource);
+      resumableState.preloadsMap.set(key, resource);
       pushLinkImpl(resource.chunks, resource.props);
     }
 
-    resources.bulkPreloads.add(resource);
+    resumableState.bulkPreloads.add(resource);
     flushResources(request);
   }
 }
@@ -6650,7 +6685,7 @@ function preinit(href, options) {
     return;
   }
 
-  var resources = getResources(request);
+  var resumableState = getResumableState(request);
 
   {
     if (typeof href !== "string" || !href) {
@@ -6682,12 +6717,12 @@ function preinit(href, options) {
     switch (as) {
       case "style": {
         var key = getResourceKey(as, href);
-        var resource = resources.stylesMap.get(key);
+        var resource = resumableState.stylesMap.get(key);
         var precedence = options.precedence || "default";
 
         if (!resource) {
           var state = NoState;
-          var preloadResource = resources.preloadsMap.get(key);
+          var preloadResource = resumableState.preloadsMap.get(key);
 
           if (preloadResource && preloadResource.state & Flushed) {
             state = PreloadFlushed;
@@ -6699,12 +6734,12 @@ function preinit(href, options) {
             state: state,
             props: stylesheetPropsFromPreinitOptions(href, precedence, options)
           };
-          resources.stylesMap.set(key, resource);
-          var precedenceSet = resources.precedences.get(precedence);
+          resumableState.stylesMap.set(key, resource);
+          var precedenceSet = resumableState.precedences.get(precedence);
 
           if (!precedenceSet) {
             precedenceSet = new Set();
-            resources.precedences.set(precedence, precedenceSet);
+            resumableState.precedences.set(precedence, precedenceSet);
             var emptyStyleResource = {
               type: "style",
               chunks: [],
@@ -6717,7 +6752,7 @@ function preinit(href, options) {
             precedenceSet.add(emptyStyleResource);
 
             {
-              if (resources.stylePrecedences.has(precedence)) {
+              if (resumableState.stylePrecedences.has(precedence)) {
                 error(
                   'React constructed an empty style resource when a style resource already exists for this precedence: "%s". This is a bug in React.',
                   precedence
@@ -6725,7 +6760,7 @@ function preinit(href, options) {
               }
             }
 
-            resources.stylePrecedences.set(precedence, emptyStyleResource);
+            resumableState.stylePrecedences.set(precedence, emptyStyleResource);
           }
 
           precedenceSet.add(resource);
@@ -6740,7 +6775,7 @@ function preinit(href, options) {
 
         var _key = getResourceKey(as, src);
 
-        var _resource = resources.scriptsMap.get(_key);
+        var _resource = resumableState.scriptsMap.get(_key);
 
         if (!_resource) {
           _resource = {
@@ -6749,9 +6784,9 @@ function preinit(href, options) {
             state: NoState,
             props: null
           };
-          resources.scriptsMap.set(_key, _resource);
+          resumableState.scriptsMap.set(_key, _resource);
           var resourceProps = scriptPropsFromPreinitOptions(src, options);
-          resources.scripts.add(_resource);
+          resumableState.scripts.add(_resource);
           pushScriptImpl(_resource.chunks, resourceProps);
           flushResources(request);
         }
@@ -6774,7 +6809,7 @@ function preinitModule(href, options) {
     return;
   }
 
-  var resources = getResources(request);
+  var resumableState = getResumableState(request);
 
   {
     var encountered = "";
@@ -6836,7 +6871,7 @@ function preinitModule(href, options) {
       case "script": {
         var src = href;
         var key = getResourceKey(_as, src);
-        var resource = resources.scriptsMap.get(key);
+        var resource = resumableState.scriptsMap.get(key);
 
         if (!resource) {
           resource = {
@@ -6845,9 +6880,9 @@ function preinitModule(href, options) {
             state: NoState,
             props: null
           };
-          resources.scriptsMap.set(key, resource);
+          resumableState.scriptsMap.set(key, resource);
           var resourceProps = modulePropsFromPreinitModuleOptions(src, options);
-          resources.scripts.add(resource);
+          resumableState.scripts.add(resource);
           pushScriptImpl(resource.chunks, resourceProps);
           flushResources(request);
         }
@@ -6861,11 +6896,17 @@ function preinitModule(href, options) {
 // scripts at any other point in time we will need to check whether the preload
 // already exists and not assume it
 
-function preloadBootstrapScript(resources, src, nonce, integrity, crossOrigin) {
+function preloadBootstrapScript(
+  resumableState,
+  src,
+  nonce,
+  integrity,
+  crossOrigin
+) {
   var key = getResourceKey("script", src);
 
   {
-    if (resources.preloadsMap.has(key)) {
+    if (resumableState.preloadsMap.has(key)) {
       // This is coded as a React error because it should be impossible for a userspace preload to preempt this call
       // If a userspace preload can preempt it then this assumption is broken and we need to reconsider this strategy
       // rather than instruct the user to not preload their bootstrap scripts themselves
@@ -6891,19 +6932,25 @@ function preloadBootstrapScript(resources, src, nonce, integrity, crossOrigin) {
     state: NoState,
     props: props
   };
-  resources.preloadsMap.set(key, resource);
-  resources.bootstrapScripts.add(resource);
+  resumableState.preloadsMap.set(key, resource);
+  resumableState.bootstrapScripts.add(resource);
   pushLinkImpl(resource.chunks, props);
 } // This function is only safe to call at Request start time since it assumes
 // that each module has not already been preloaded. If we find a need to preload
 // scripts at any other point in time we will need to check whether the preload
 // already exists and not assume it
 
-function preloadBootstrapModule(resources, src, nonce, integrity, crossOrigin) {
+function preloadBootstrapModule(
+  resumableState,
+  src,
+  nonce,
+  integrity,
+  crossOrigin
+) {
   var key = getResourceKey("script", src);
 
   {
-    if (resources.preloadsMap.has(key)) {
+    if (resumableState.preloadsMap.has(key)) {
       // This is coded as a React error because it should be impossible for a userspace preload to preempt this call
       // If a userspace preload can preempt it then this assumption is broken and we need to reconsider this strategy
       // rather than instruct the user to not preload their bootstrap scripts themselves
@@ -6928,15 +6975,15 @@ function preloadBootstrapModule(resources, src, nonce, integrity, crossOrigin) {
     state: NoState,
     props: props
   };
-  resources.preloadsMap.set(key, resource);
-  resources.bootstrapScripts.add(resource);
+  resumableState.preloadsMap.set(key, resource);
+  resumableState.bootstrapScripts.add(resource);
   pushLinkImpl(resource.chunks, props);
   return;
 }
 
-function internalPreinitScript(resources, src, chunks) {
+function internalPreinitScript(resumableState, src, chunks) {
   var key = getResourceKey("script", src);
-  var resource = resources.scriptsMap.get(key);
+  var resource = resumableState.scriptsMap.get(key);
 
   if (!resource) {
     resource = {
@@ -6945,8 +6992,8 @@ function internalPreinitScript(resources, src, chunks) {
       state: NoState,
       props: null
     };
-    resources.scriptsMap.set(key, resource);
-    resources.scripts.add(resource);
+    resumableState.scriptsMap.set(key, resource);
+    resumableState.scripts.add(resource);
   }
 
   return;
@@ -7053,8 +7100,8 @@ function hoistStyleResource(resource) {
   this.add(resource);
 }
 
-function hoistResources(resources, source) {
-  var currentBoundaryResources = resources.boundaryResources;
+function hoistResources(renderState, source) {
+  var currentBoundaryResources = renderState.boundaryResources;
 
   if (currentBoundaryResources) {
     source.forEach(hoistStyleResource, currentBoundaryResources);
@@ -9190,16 +9237,16 @@ function useOptimistic(passthrough, reducer) {
 function useId() {
   var task = currentlyRenderingTask;
   var treeId = getTreeId(task.treeContext);
-  var responseState = currentResponseState;
+  var resumableState = currentResumableState;
 
-  if (responseState === null) {
+  if (resumableState === null) {
     throw new Error(
       "Invalid hook call. Hooks can only be called inside of the body of a function component."
     );
   }
 
   var localId = localIdCounter++;
-  return makeId(responseState, treeId, localId);
+  return makeId(resumableState, treeId, localId);
 }
 
 function use(usable) {
@@ -9292,9 +9339,9 @@ if (enableAsyncActions) {
   HooksDispatcher.useOptimistic = useOptimistic;
 }
 
-var currentResponseState = null;
-function setCurrentResponseState(responseState) {
-  currentResponseState = responseState;
+var currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
 }
 
 function getCacheSignal() {
@@ -9380,8 +9427,8 @@ function noop() {}
 
 function createRequest(
   children,
-  resources,
-  responseState,
+  resumableState,
+  renderState,
   rootFormatContext,
   progressiveChunkSize,
   onError,
@@ -9397,7 +9444,8 @@ function createRequest(
   var request = {
     destination: null,
     flushScheduled: false,
-    responseState: responseState,
+    resumableState: resumableState,
+    renderState: renderState,
     progressiveChunkSize:
       progressiveChunkSize === undefined
         ? DEFAULT_PROGRESSIVE_CHUNK_SIZE
@@ -9407,7 +9455,6 @@ function createRequest(
     nextSegmentId: 0,
     allPendingTasks: 0,
     pendingRootTasks: 0,
-    resources: resources,
     completedRootSegment: null,
     abortableTasks: abortSet,
     pingedTasks: pingedTasks,
@@ -9705,7 +9752,7 @@ function renderSuspenseBoundary(request, task, props) {
 
   {
     setCurrentlyRenderingBoundaryResourcesTarget(
-      request.resources,
+      request.renderState,
       newBoundary.resources
     );
   }
@@ -9715,7 +9762,7 @@ function renderSuspenseBoundary(request, task, props) {
     renderNode(request, task, content, 0);
     pushSegmentFinale(
       contentRootSegment.chunks,
-      request.responseState,
+      request.renderState,
       contentRootSegment.lastPushedText,
       contentRootSegment.textEmbedded
     );
@@ -9748,7 +9795,7 @@ function renderSuspenseBoundary(request, task, props) {
   } finally {
     {
       setCurrentlyRenderingBoundaryResourcesTarget(
-        request.resources,
+        request.renderState,
         parentBoundary ? parentBoundary.resources : null
       );
     }
@@ -9787,8 +9834,8 @@ function renderHostElement(request, task, type, props) {
     segment.chunks,
     type,
     props,
-    request.resources,
-    request.responseState,
+    request.resumableState,
+    request.renderState,
     segment.formatContext,
     segment.lastPushedText
   );
@@ -9805,7 +9852,7 @@ function renderHostElement(request, task, type, props) {
     segment.chunks,
     type,
     props,
-    request.responseState,
+    request.resumableState,
     prevContext
   );
   segment.lastPushedText = false;
@@ -10546,7 +10593,7 @@ function renderNodeDestructiveImpl(
     segment.lastPushedText = pushTextInstance(
       task.blockedSegment.chunks,
       node,
-      request.responseState,
+      request.renderState,
       segment.lastPushedText
     );
     return;
@@ -10557,7 +10604,7 @@ function renderNodeDestructiveImpl(
     _segment.lastPushedText = pushTextInstance(
       task.blockedSegment.chunks,
       "" + node,
-      request.responseState,
+      request.renderState,
       _segment.lastPushedText
     );
     return;
@@ -10928,7 +10975,7 @@ function retryTask(request, task) {
   {
     var blockedBoundary = task.blockedBoundary;
     setCurrentlyRenderingBoundaryResourcesTarget(
-      request.resources,
+      request.renderState,
       blockedBoundary ? blockedBoundary.resources : null
     );
   }
@@ -10964,7 +11011,7 @@ function retryTask(request, task) {
     renderNodeDestructive(request, task, prevThenableState, task.node, 0);
     pushSegmentFinale(
       segment.chunks,
-      request.responseState,
+      request.renderState,
       segment.lastPushedText,
       segment.textEmbedded
     );
@@ -10997,7 +11044,7 @@ function retryTask(request, task) {
     }
   } finally {
     {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.resources, null);
+      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
     }
 
     {
@@ -11030,8 +11077,8 @@ function performWork(request) {
     ReactDebugCurrentFrame.getCurrentStack = getCurrentStackInDEV;
   }
 
-  var prevResponseState = currentResponseState;
-  setCurrentResponseState(request.responseState);
+  var prevResumableState = currentResumableState;
+  setCurrentResumableState(request.resumableState);
 
   try {
     var pingedTasks = request.pingedTasks;
@@ -11051,7 +11098,7 @@ function performWork(request) {
     logRecoverableError(request, error);
     fatalError(request, error);
   } finally {
-    setCurrentResponseState(prevResponseState);
+    setCurrentResumableState(prevResumableState);
     ReactCurrentDispatcher.current = prevDispatcher;
 
     {
@@ -11088,7 +11135,7 @@ function flushSubtree(request, destination, segment) {
 
       segment.lastPushedText = false;
       segment.textEmbedded = false;
-      return writePlaceholder(destination, request.responseState, segmentID);
+      return writePlaceholder(destination, request.renderState, segmentID);
     }
 
     case COMPLETED: {
@@ -11143,7 +11190,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(
       destination,
-      request.responseState,
+      request.renderState,
       boundary.errorDigest,
       boundary.errorMessage,
       boundary.errorComponentStack
@@ -11161,8 +11208,11 @@ function flushSegment(request, destination, segment) {
       request.partialBoundaries.push(boundary);
     } /// This is the first time we should have referenced this ID.
 
-    var id = (boundary.id = assignSuspenseBoundaryID(request.responseState));
-    writeStartPendingSuspenseBoundary(destination, request.responseState, id); // Flush the fallback.
+    var id = (boundary.id = assignSuspenseBoundaryID(
+      request.renderState,
+      request.resumableState
+    ));
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
 
     flushSubtree(request, destination, segment);
     return writeEndPendingSuspenseBoundary(destination);
@@ -11178,7 +11228,7 @@ function flushSegment(request, destination, segment) {
 
     writeStartPendingSuspenseBoundary(
       destination,
-      request.responseState,
+      request.renderState,
       boundary.id
     ); // Flush the fallback.
 
@@ -11186,7 +11236,7 @@ function flushSegment(request, destination, segment) {
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.resources, boundary.resources);
+      hoistResources(request.renderState, boundary.resources);
     } // We can inline this boundary's content as a complete boundary.
 
     writeStartCompletedSuspenseBoundary(destination);
@@ -11207,7 +11257,8 @@ function flushSegment(request, destination, segment) {
 function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(
     destination,
-    request.responseState,
+    request.resumableState,
+    request.renderState,
     boundary.id,
     boundary.errorDigest,
     boundary.errorMessage,
@@ -11218,7 +11269,7 @@ function flushClientRenderedBoundary(request, destination, boundary) {
 function flushSegmentContainer(request, destination, segment) {
   writeStartSegment(
     destination,
-    request.responseState,
+    request.renderState,
     segment.formatContext,
     segment.id
   );
@@ -11229,7 +11280,7 @@ function flushSegmentContainer(request, destination, segment) {
 function flushCompletedBoundary(request, destination, boundary) {
   {
     setCurrentlyRenderingBoundaryResourcesTarget(
-      request.resources,
+      request.renderState,
       boundary.resources
     );
   }
@@ -11248,13 +11299,14 @@ function flushCompletedBoundary(request, destination, boundary) {
     writeResourcesForBoundary(
       destination,
       boundary.resources,
-      request.responseState
+      request.renderState
     );
   }
 
   return writeCompletedBoundaryInstruction(
     destination,
-    request.responseState,
+    request.resumableState,
+    request.renderState,
     boundary.id,
     boundary.rootSegmentID,
     boundary.resources
@@ -11264,7 +11316,7 @@ function flushCompletedBoundary(request, destination, boundary) {
 function flushPartialBoundary(request, destination, boundary) {
   {
     setCurrentlyRenderingBoundaryResourcesTarget(
-      request.resources,
+      request.renderState,
       boundary.resources
     );
   }
@@ -11296,7 +11348,7 @@ function flushPartialBoundary(request, destination, boundary) {
     return writeResourcesForBoundary(
       destination,
       boundary.resources,
-      request.responseState
+      request.renderState
     );
   }
 }
@@ -11330,7 +11382,8 @@ function flushPartiallyCompletedSegment(
     flushSegmentContainer(request, destination, segment);
     return writeCompletedSegmentInstruction(
       destination,
-      request.responseState,
+      request.resumableState,
+      request.renderState,
       segmentID
     );
   }
@@ -11350,15 +11403,15 @@ function flushCompletedQueues(request, destination) {
         if (enableFloat) {
           writePreamble(
             destination,
-            request.resources,
-            request.responseState,
+            request.resumableState,
+            request.renderState,
             request.allPendingTasks === 0
           );
         }
 
         flushSegment(request, destination, completedRootSegment);
         request.completedRootSegment = null;
-        writeCompletedRoot(destination, request.responseState);
+        writeCompletedRoot(destination, request.resumableState);
       } else {
         // We haven't flushed the root yet so we don't need to check any other branches further down
         return;
@@ -11369,7 +11422,7 @@ function flushCompletedQueues(request, destination) {
     }
 
     if (enableFloat) {
-      writeHoistables(destination, request.resources, request.responseState);
+      writeHoistables(destination, request.resumableState, request.renderState);
     } // We emit client rendering instructions for already emitted boundaries first.
     // This is so that we can signal to the client to start client rendering them as
     // soon as possible.
@@ -11454,7 +11507,7 @@ function flushCompletedQueues(request, destination) {
       request.flushScheduled = false;
 
       {
-        writePostamble(destination, request.responseState);
+        writePostamble(destination, request.resumableState);
       }
 
       {
@@ -11537,9 +11590,9 @@ function abort(request, reason) {
 function flushResources(request) {
   enqueueFlush(request);
 }
-function getResources(request) {
-  return request.resources;
-}
+function getResumableState(request) {
+  return request.resumableState;
+} // Returns the state of a postponed request or null if nothing was postponed.
 
 function renderToStream(children, options) {
   var destination = {
@@ -11548,19 +11601,18 @@ function renderToStream(children, options) {
     fatal: false,
     error: null
   };
-  var resources = createResources();
+  var resumableState = createResumableState(
+    options ? options.identifierPrefix : undefined,
+    undefined,
+    options ? options.bootstrapScriptContent : undefined,
+    options ? options.bootstrapScripts : undefined,
+    options ? options.bootstrapModules : undefined,
+    options ? options.unstable_externalRuntimeSrc : undefined
+  );
   var request = createRequest(
     children,
-    resources,
-    createResponseState(
-      resources,
-      options ? options.identifierPrefix : undefined,
-      undefined,
-      options ? options.bootstrapScriptContent : undefined,
-      options ? options.bootstrapScripts : undefined,
-      options ? options.bootstrapModules : undefined,
-      options ? options.unstable_externalRuntimeSrc : undefined
-    ),
+    resumableState,
+    createRenderState(resumableState, undefined),
     createRootFormatContext(undefined),
     options ? options.progressiveChunkSize : undefined,
     options.onError,
diff --git a/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js b/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
index 2bf47ef0e2..e396e9fba6 100644
--- a/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
@@ -233,7 +233,7 @@ function getChildFormatContext(parentContext, type, props) {
     ? createFormatContext(2, null, !1)
     : parentContext;
 }
-function pushTextInstance(target, text, responseState, textEmbedded) {
+function pushTextInstance(target, text, renderState, textEmbedded) {
   if ("" === text) return textEmbedded;
   textEmbedded && target.push("\x3c!-- --\x3e");
   target.push(escapeTextForBrowser(text));
@@ -309,7 +309,8 @@ function pushAdditionalFormField(value, key) {
 }
 function pushFormActionAttribute(
   target,
-  responseState,
+  resumableState,
+  renderState,
   formAction,
   formEncType,
   formMethod,
@@ -512,8 +513,8 @@ function flattenOptionChildren(children) {
 function pushLink(
   target,
   props,
-  responseState,
-  resources,
+  resumableState,
+  renderState,
   textEmbedded,
   insertionMode,
   noscriptTagInScope
@@ -531,7 +532,7 @@ function pushLink(
   )
     return pushLinkImpl(target, props), null;
   if ("stylesheet" === props.rel) {
-    responseState = "[style]" + href;
+    insertionMode = "[style]" + href;
     if (
       "string" !== typeof precedence ||
       null != props.disabled ||
@@ -539,42 +540,42 @@ function pushLink(
       props.onError
     )
       return pushLinkImpl(target, props);
-    insertionMode = resources.stylesMap.get(responseState);
-    insertionMode ||
+    noscriptTagInScope = resumableState.stylesMap.get(insertionMode);
+    noscriptTagInScope ||
       ((props = assign({}, props, {
         "data-precedence": props.precedence,
         precedence: null
       })),
-      (insertionMode = resources.preloadsMap.get(responseState)),
-      (noscriptTagInScope = 0),
-      insertionMode &&
-        ((insertionMode.state |= 4),
-        (rel = insertionMode.props),
-        null == props.crossOrigin && (props.crossOrigin = rel.crossOrigin),
-        null == props.integrity && (props.integrity = rel.integrity),
-        insertionMode.state & 3 && (noscriptTagInScope = 8)),
-      (insertionMode = {
+      (noscriptTagInScope = resumableState.preloadsMap.get(insertionMode)),
+      (rel = 0),
+      noscriptTagInScope &&
+        ((noscriptTagInScope.state |= 4),
+        (href = noscriptTagInScope.props),
+        null == props.crossOrigin && (props.crossOrigin = href.crossOrigin),
+        null == props.integrity && (props.integrity = href.integrity),
+        noscriptTagInScope.state & 3 && (rel = 8)),
+      (noscriptTagInScope = {
         type: "stylesheet",
         chunks: [],
-        state: noscriptTagInScope,
+        state: rel,
         props: props
       }),
-      resources.stylesMap.set(responseState, insertionMode),
-      (props = resources.precedences.get(precedence)),
+      resumableState.stylesMap.set(insertionMode, noscriptTagInScope),
+      (props = resumableState.precedences.get(precedence)),
       props ||
         ((props = new Set()),
-        resources.precedences.set(precedence, props),
-        (responseState = {
+        resumableState.precedences.set(precedence, props),
+        (insertionMode = {
           type: "style",
           chunks: [],
           state: 0,
           props: { precedence: precedence, hrefs: [] }
         }),
-        props.add(responseState),
-        resources.stylePrecedences.set(precedence, responseState)),
-      props.add(insertionMode));
-    resources.boundaryResources &&
-      resources.boundaryResources.add(insertionMode);
+        props.add(insertionMode),
+        resumableState.stylePrecedences.set(precedence, insertionMode)),
+      props.add(noscriptTagInScope));
+    renderState.boundaryResources &&
+      renderState.boundaryResources.add(noscriptTagInScope);
     textEmbedded && target.push("\x3c!-- --\x3e");
     return null;
   }
@@ -583,11 +584,11 @@ function pushLink(
   switch (props.rel) {
     case "preconnect":
     case "dns-prefetch":
-      return pushLinkImpl(responseState.preconnectChunks, props);
+      return pushLinkImpl(renderState.preconnectChunks, props);
     case "preload":
-      return pushLinkImpl(responseState.preloadChunks, props);
+      return pushLinkImpl(renderState.preloadChunks, props);
     default:
-      return pushLinkImpl(responseState.hoistableChunks, props);
+      return pushLinkImpl(renderState.hoistableChunks, props);
   }
 }
 function pushLinkImpl(target, props) {
@@ -738,8 +739,8 @@ function pushStartInstance(
   target$jscomp$0,
   type,
   props,
-  resources,
-  responseState,
+  resumableState,
+  renderState,
   formatContext,
   textEmbedded
 ) {
@@ -940,7 +941,8 @@ function pushStartInstance(
         }
       var formData = pushFormActionAttribute(
         target$jscomp$0,
-        responseState,
+        resumableState,
+        renderState,
         formAction,
         formEncType,
         formMethod,
@@ -1005,7 +1007,8 @@ function pushStartInstance(
         }
       var formData$jscomp$0 = pushFormActionAttribute(
         target$jscomp$0,
-        responseState,
+        resumableState,
+        renderState,
         formAction$jscomp$0,
         formEncType$jscomp$0,
         formMethod$jscomp$0,
@@ -1109,15 +1112,15 @@ function pushStartInstance(
           props
         );
       else
-        pushTitleImpl(responseState.hoistableChunks, props),
+        pushTitleImpl(renderState.hoistableChunks, props),
           (JSCompiler_inline_result$jscomp$1 = null);
       return JSCompiler_inline_result$jscomp$1;
     case "link":
       return pushLink(
         target$jscomp$0,
         props,
-        responseState,
-        resources,
+        resumableState,
+        renderState,
         textEmbedded,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope
@@ -1142,13 +1145,13 @@ function pushStartInstance(
         );
       else {
         var key = "[script]" + props.src,
-          resource = resources.scriptsMap.get(key);
+          resource = resumableState.scriptsMap.get(key);
         if (!resource) {
           resource = { type: "script", chunks: [], state: 0, props: null };
-          resources.scriptsMap.set(key, resource);
-          resources.scripts.add(resource);
+          resumableState.scriptsMap.set(key, resource);
+          resumableState.scripts.add(resource);
           var scriptProps = props,
-            preloadResource = resources.preloadsMap.get(key);
+            preloadResource = resumableState.preloadsMap.get(key);
           if (preloadResource) {
             preloadResource.state |= 4;
             var resourceProps = (scriptProps = assign({}, props)),
@@ -1214,9 +1217,12 @@ function pushStartInstance(
         var JSCompiler_inline_result$jscomp$3 = null;
       } else {
         var key$jscomp$0 = "[style]" + href,
-          resource$jscomp$0 = resources.stylesMap.get(key$jscomp$0);
+          resource$jscomp$0 = resumableState.stylesMap.get(key$jscomp$0);
         if (!resource$jscomp$0) {
-          if ((resource$jscomp$0 = resources.stylePrecedences.get(precedence)))
+          if (
+            (resource$jscomp$0 =
+              resumableState.stylePrecedences.get(precedence))
+          )
             resource$jscomp$0.props.hrefs.push(href);
           else {
             resource$jscomp$0 = {
@@ -1225,14 +1231,14 @@ function pushStartInstance(
               state: 0,
               props: { precedence: precedence, hrefs: [href] }
             };
-            resources.stylePrecedences.set(precedence, resource$jscomp$0);
+            resumableState.stylePrecedences.set(precedence, resource$jscomp$0);
             var precedenceSet = new Set();
             precedenceSet.add(resource$jscomp$0);
-            resources.precedences.set(precedence, precedenceSet);
+            resumableState.precedences.set(precedence, precedenceSet);
           }
-          resources.stylesMap.set(key$jscomp$0, resource$jscomp$0);
-          resources.boundaryResources &&
-            resources.boundaryResources.add(resource$jscomp$0);
+          resumableState.stylesMap.set(key$jscomp$0, resource$jscomp$0);
+          renderState.boundaryResources &&
+            renderState.boundaryResources.add(resource$jscomp$0);
           var target = resource$jscomp$0.chunks,
             children$jscomp$5 = null,
             innerHTML$jscomp$4 = null,
@@ -1280,10 +1286,10 @@ function pushStartInstance(
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
           (JSCompiler_inline_result$jscomp$4 =
             "string" === typeof props.charSet
-              ? pushSelfClosing(responseState.charsetChunks, props, "meta")
+              ? pushSelfClosing(renderState.charsetChunks, props, "meta")
               : "viewport" === props.name
-              ? pushSelfClosing(responseState.preconnectChunks, props, "meta")
-              : pushSelfClosing(responseState.hoistableChunks, props, "meta"));
+              ? pushSelfClosing(renderState.preconnectChunks, props, "meta")
+              : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
       return JSCompiler_inline_result$jscomp$4;
     case "listing":
     case "pre":
@@ -1356,7 +1362,7 @@ function pushStartInstance(
       ) {
         var sizes = props.sizes,
           key$jscomp$1 = getImagePreloadKey(src, srcSet, sizes),
-          resource$jscomp$1 = resources.preloadsMap.get(key$jscomp$1);
+          resource$jscomp$1 = resumableState.preloadsMap.get(key$jscomp$1);
         resource$jscomp$1 ||
           ((resource$jscomp$1 = {
             type: "preload",
@@ -1375,11 +1381,12 @@ function pushStartInstance(
               referrerPolicy: props.referrerPolicy
             }
           }),
-          resources.preloadsMap.set(key$jscomp$1, resource$jscomp$1),
+          resumableState.preloadsMap.set(key$jscomp$1, resource$jscomp$1),
           pushLinkImpl(resource$jscomp$1.chunks, resource$jscomp$1.props));
-        "high" === props.fetchPriority || 10 > resources.highImagePreloads.size
-          ? resources.highImagePreloads.add(resource$jscomp$1)
-          : resources.bulkPreloads.add(resource$jscomp$1);
+        "high" === props.fetchPriority ||
+        10 > resumableState.highImagePreloads.size
+          ? resumableState.highImagePreloads.add(resource$jscomp$1)
+          : resumableState.bulkPreloads.add(resource$jscomp$1);
       }
       return pushSelfClosing(target$jscomp$0, props, "img");
     case "base":
@@ -1404,13 +1411,10 @@ function pushStartInstance(
     case "missing-glyph":
       break;
     case "head":
-      if (
-        2 > formatContext.insertionMode &&
-        null === responseState.headChunks
-      ) {
-        responseState.headChunks = [];
+      if (2 > formatContext.insertionMode && null === renderState.headChunks) {
+        renderState.headChunks = [];
         var JSCompiler_inline_result$jscomp$5 = pushStartGenericElement(
-          responseState.headChunks,
+          renderState.headChunks,
           props,
           "head"
         );
@@ -1424,11 +1428,11 @@ function pushStartInstance(
     case "html":
       if (
         0 === formatContext.insertionMode &&
-        null === responseState.htmlChunks
+        null === renderState.htmlChunks
       ) {
-        responseState.htmlChunks = ["<!DOCTYPE html>"];
+        renderState.htmlChunks = ["<!DOCTYPE html>"];
         var JSCompiler_inline_result$jscomp$6 = pushStartGenericElement(
-          responseState.htmlChunks,
+          renderState.htmlChunks,
           props,
           "html"
         );
@@ -1499,17 +1503,17 @@ function pushStartInstance(
   }
   return pushStartGenericElement(target$jscomp$0, props, type);
 }
-function writeBootstrap(destination, responseState) {
-  responseState = responseState.bootstrapChunks;
-  for (var i = 0; i < responseState.length - 1; i++)
-    destination.buffer += responseState[i];
-  return i < responseState.length
-    ? ((i = responseState[i]),
-      (responseState.length = 0),
+function writeBootstrap(destination, resumableState) {
+  resumableState = resumableState.bootstrapChunks;
+  for (var i = 0; i < resumableState.length - 1; i++)
+    destination.buffer += resumableState[i];
+  return i < resumableState.length
+    ? ((i = resumableState[i]),
+      (resumableState.length = 0),
       writeChunkAndReturn(destination, i))
     : !0;
 }
-function writeStartPendingSuspenseBoundary(destination, responseState, id) {
+function writeStartPendingSuspenseBoundary(destination, renderState, id) {
   destination.buffer += '\x3c!--$?--\x3e<template id="';
   if (null === id)
     throw Error(
@@ -1518,66 +1522,66 @@ function writeStartPendingSuspenseBoundary(destination, responseState, id) {
   destination.buffer += id;
   return writeChunkAndReturn(destination, '"></template>');
 }
-function writeStartSegment(destination, responseState, formatContext, id) {
+function writeStartSegment(destination, renderState, formatContext, id) {
   switch (formatContext.insertionMode) {
     case 0:
     case 1:
     case 2:
       return (
         (destination.buffer += '<div hidden id="'),
-        (destination.buffer += responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        (destination.buffer += responseState),
+        (destination.buffer += renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        (destination.buffer += renderState),
         writeChunkAndReturn(destination, '">')
       );
     case 3:
       return (
         (destination.buffer +=
           '<svg aria-hidden="true" style="display:none" id="'),
-        (destination.buffer += responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        (destination.buffer += responseState),
+        (destination.buffer += renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        (destination.buffer += renderState),
         writeChunkAndReturn(destination, '">')
       );
     case 4:
       return (
         (destination.buffer +=
           '<math aria-hidden="true" style="display:none" id="'),
-        (destination.buffer += responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        (destination.buffer += responseState),
+        (destination.buffer += renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        (destination.buffer += renderState),
         writeChunkAndReturn(destination, '">')
       );
     case 5:
       return (
         (destination.buffer += '<table hidden id="'),
-        (destination.buffer += responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        (destination.buffer += responseState),
+        (destination.buffer += renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        (destination.buffer += renderState),
         writeChunkAndReturn(destination, '">')
       );
     case 6:
       return (
         (destination.buffer += '<table hidden><tbody id="'),
-        (destination.buffer += responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        (destination.buffer += responseState),
+        (destination.buffer += renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        (destination.buffer += renderState),
         writeChunkAndReturn(destination, '">')
       );
     case 7:
       return (
         (destination.buffer += '<table hidden><tr id="'),
-        (destination.buffer += responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        (destination.buffer += responseState),
+        (destination.buffer += renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        (destination.buffer += renderState),
         writeChunkAndReturn(destination, '">')
       );
     case 8:
       return (
         (destination.buffer += '<table hidden><colgroup id="'),
-        (destination.buffer += responseState.segmentPrefix),
-        (responseState = id.toString(16)),
-        (destination.buffer += responseState),
+        (destination.buffer += renderState.segmentPrefix),
+        (renderState = id.toString(16)),
+        (destination.buffer += renderState),
         writeChunkAndReturn(destination, '">')
       );
     default:
@@ -1683,13 +1687,13 @@ function flushStyleTagsLateForBoundary(resource) {
 function writeResourcesForBoundary(
   destination,
   boundaryResources,
-  responseState
+  renderState
 ) {
   currentlyRenderingBoundaryHasStylesToHoist = !1;
   destinationHasCapacity = !0;
   boundaryResources.forEach(flushStyleTagsLateForBoundary, destination);
   currentlyRenderingBoundaryHasStylesToHoist &&
-    (responseState.stylesToHoist = !0);
+    (renderState.stylesToHoist = !0);
   return destinationHasCapacity;
 }
 function flushResourceInPreamble(resource) {
@@ -1983,15 +1987,15 @@ function writeStyleResourceAttributeInAttr(destination, name, value) {
 function prefetchDNS(href) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resources = request.resources;
+    var resumableState = request.resumableState;
     if ("string" === typeof href && href) {
       var key = "[prefetchDNS]" + href,
-        resource = resources.preconnectsMap.get(key);
+        resource = resumableState.preconnectsMap.get(key);
       resource ||
         ((resource = { type: "preconnect", chunks: [], state: 0, props: null }),
-        resources.preconnectsMap.set(key, resource),
+        resumableState.preconnectsMap.set(key, resource),
         pushLinkImpl(resource.chunks, { href: href, rel: "dns-prefetch" }));
-      resources.preconnects.add(resource);
+      resumableState.preconnects.add(resource);
       enqueueFlush(request);
     }
   }
@@ -1999,7 +2003,7 @@ function prefetchDNS(href) {
 function preconnect(href, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resources = request.resources;
+    var resumableState = request.resumableState;
     if ("string" === typeof href && href) {
       options =
         null == options || "string" !== typeof options.crossOrigin
@@ -2009,16 +2013,16 @@ function preconnect(href, options) {
           : "";
       var key =
           "[preconnect][" + (null === options ? "null" : options) + "]" + href,
-        resource = resources.preconnectsMap.get(key);
+        resource = resumableState.preconnectsMap.get(key);
       resource ||
         ((resource = { type: "preconnect", chunks: [], state: 0, props: null }),
-        resources.preconnectsMap.set(key, resource),
+        resumableState.preconnectsMap.set(key, resource),
         pushLinkImpl(resource.chunks, {
           rel: "preconnect",
           href: href,
           crossOrigin: options
         }));
-      resources.preconnects.add(resource);
+      resumableState.preconnects.add(resource);
       enqueueFlush(request);
     }
   }
@@ -2026,7 +2030,7 @@ function preconnect(href, options) {
 function preload(href, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resources = request.resources;
+    var resumableState = request.resumableState;
     if (
       "string" === typeof href &&
       href &&
@@ -2040,7 +2044,7 @@ function preload(href, options) {
         "image" === as
           ? getImagePreloadKey(href, options.imageSrcSet, options.imageSizes)
           : "[" + as + "]" + href;
-      var resource = resources.preloadsMap.get(key);
+      var resource = resumableState.preloadsMap.get(key);
       resource ||
         ((resource = {
           type: "preload",
@@ -2060,13 +2064,13 @@ function preload(href, options) {
             referrerPolicy: options.referrerPolicy
           }
         }),
-        resources.preloadsMap.set(key, resource),
+        resumableState.preloadsMap.set(key, resource),
         pushLinkImpl(resource.chunks, resource.props));
       "font" === as
-        ? resources.fontPreloads.add(resource)
+        ? resumableState.fontPreloads.add(resource)
         : "image" === as && "high" === options.fetchPriority
-        ? resources.highImagePreloads.add(resource)
-        : resources.bulkPreloads.add(resource);
+        ? resumableState.highImagePreloads.add(resource)
+        : resumableState.bulkPreloads.add(resource);
       enqueueFlush(request);
     }
   }
@@ -2074,12 +2078,12 @@ function preload(href, options) {
 function preloadModule(href, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resources = request.resources;
+    var resumableState = request.resumableState;
     if ("string" === typeof href && href) {
       var as =
           options && "string" === typeof options.as ? options.as : "script",
         key = "[" + as + "]" + href,
-        resource = resources.preloadsMap.get(key);
+        resource = resumableState.preloadsMap.get(key);
       resource ||
         ((resource = {
           type: "preload",
@@ -2093,9 +2097,9 @@ function preloadModule(href, options) {
             integrity: options ? options.integrity : void 0
           }
         }),
-        resources.preloadsMap.set(key, resource),
+        resumableState.preloadsMap.set(key, resource),
         pushLinkImpl(resource.chunks, resource.props));
-      resources.bulkPreloads.add(resource);
+      resumableState.bulkPreloads.add(resource);
       enqueueFlush(request);
     }
   }
@@ -2103,7 +2107,7 @@ function preloadModule(href, options) {
 function preinit(href, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resources = request.resources;
+    var resumableState = request.resumableState;
     if (
       "string" === typeof href &&
       href &&
@@ -2114,11 +2118,11 @@ function preinit(href, options) {
       switch (as) {
         case "style":
           var key = "[" + as + "]" + href,
-            resource = resources.stylesMap.get(key);
+            resource = resumableState.stylesMap.get(key);
           as = options.precedence || "default";
           if (!resource) {
             resource = 0;
-            var preloadResource = resources.preloadsMap.get(key);
+            var preloadResource = resumableState.preloadsMap.get(key);
             preloadResource && preloadResource.state & 3 && (resource = 8);
             resource = {
               type: "stylesheet",
@@ -2133,11 +2137,11 @@ function preinit(href, options) {
                 fetchPriority: options.fetchPriority
               }
             };
-            resources.stylesMap.set(key, resource);
-            href = resources.precedences.get(as);
+            resumableState.stylesMap.set(key, resource);
+            href = resumableState.precedences.get(as);
             href ||
               ((href = new Set()),
-              resources.precedences.set(as, href),
+              resumableState.precedences.set(as, href),
               (options = {
                 type: "style",
                 chunks: [],
@@ -2145,17 +2149,17 @@ function preinit(href, options) {
                 props: { precedence: as, hrefs: [] }
               }),
               href.add(options),
-              resources.stylePrecedences.set(as, options));
+              resumableState.stylePrecedences.set(as, options));
             href.add(resource);
             enqueueFlush(request);
           }
           break;
         case "script":
           (key = "[" + as + "]" + href),
-            (as = resources.scriptsMap.get(key)),
+            (as = resumableState.scriptsMap.get(key)),
             as ||
               ((as = { type: "script", chunks: [], state: 0, props: null }),
-              resources.scriptsMap.set(key, as),
+              resumableState.scriptsMap.set(key, as),
               (href = {
                 src: href,
                 async: !0,
@@ -2164,7 +2168,7 @@ function preinit(href, options) {
                 nonce: options.nonce,
                 fetchPriority: options.fetchPriority
               }),
-              resources.scripts.add(as),
+              resumableState.scripts.add(as),
               pushScriptImpl(as.chunks, href),
               enqueueFlush(request));
       }
@@ -2174,17 +2178,17 @@ function preinit(href, options) {
 function preinitModule(href, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resources = request.resources;
+    var resumableState = request.resumableState;
     if ("string" === typeof href && href) {
       var as =
         options && "string" === typeof options.as ? options.as : "script";
       switch (as) {
         case "script":
           var key = "[" + as + "]" + href;
-          as = resources.scriptsMap.get(key);
+          as = resumableState.scriptsMap.get(key);
           as ||
             ((as = { type: "script", chunks: [], state: 0, props: null }),
-            resources.scriptsMap.set(key, as),
+            resumableState.scriptsMap.set(key, as),
             (href = {
               src: href,
               type: "module",
@@ -2192,7 +2196,7 @@ function preinitModule(href, options) {
               crossOrigin: options ? options.crossOrigin : void 0,
               integrity: options ? options.integrity : void 0
             }),
-            resources.scripts.add(as),
+            resumableState.scripts.add(as),
             pushScriptImpl(as.chunks, href),
             enqueueFlush(request));
       }
@@ -2691,14 +2695,14 @@ var HooksDispatcher = {
         JSCompiler_inline_result &
         ~(1 << (32 - clz32(JSCompiler_inline_result) - 1))
       ).toString(32) + overflow;
-    var responseState = currentResponseState;
-    if (null === responseState)
+    var resumableState = currentResumableState;
+    if (null === resumableState)
       throw Error(
         "Invalid hook call. Hooks can only be called inside of the body of a function component."
       );
     overflow = localIdCounter++;
     JSCompiler_inline_result =
-      ":" + responseState.idPrefix + "R" + JSCompiler_inline_result;
+      ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result;
     0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32));
     return JSCompiler_inline_result + ":";
   },
@@ -2722,7 +2726,7 @@ var HooksDispatcher = {
   }
 };
 enableAsyncActions && (HooksDispatcher.useOptimistic = useOptimistic);
-var currentResponseState = null,
+var currentResumableState = null,
   DefaultCacheDispatcher = {
     getCacheSignal: function () {
       throw Error("Not implemented.");
@@ -2950,8 +2954,8 @@ function renderElement(request, task, prevThenableState, type, props, ref) {
       JSCompiler_inline_result.chunks,
       type,
       props,
-      request.resources,
-      request.responseState,
+      request.resumableState,
+      request.renderState,
       JSCompiler_inline_result.formatContext,
       JSCompiler_inline_result.lastPushedText
     );
@@ -2966,6 +2970,7 @@ function renderElement(request, task, prevThenableState, type, props, ref) {
     JSCompiler_inline_result.formatContext = prevThenableState;
     a: {
       task = JSCompiler_inline_result.chunks;
+      request = request.resumableState;
       switch (type) {
         case "title":
         case "style":
@@ -2988,12 +2993,15 @@ function renderElement(request, task, prevThenableState, type, props, ref) {
           break a;
         case "body":
           if (1 >= prevThenableState.insertionMode) {
-            request.responseState.hasBody = !0;
+            request.hasBody = !0;
             break a;
           }
           break;
         case "html":
-          if (0 === prevThenableState.insertionMode) break a;
+          if (0 === prevThenableState.insertionMode) {
+            request.hasHtml = !0;
+            break a;
+          }
       }
       task.push("</", type, ">");
     }
@@ -3057,7 +3065,7 @@ function renderElement(request, task, prevThenableState, type, props, ref) {
           contentRootSegment.parentFlushed = !0;
           task.blockedBoundary = partial;
           task.blockedSegment = contentRootSegment;
-          request.resources.boundaryResources = partial.resources;
+          request.renderState.boundaryResources = partial.resources;
           try {
             if (
               (renderNode(request, task, props, 0),
@@ -3075,7 +3083,7 @@ function renderElement(request, task, prevThenableState, type, props, ref) {
               (JSCompiler_inline_result = logRecoverableError(request, error)),
               (partial.errorDigest = JSCompiler_inline_result);
           } finally {
-            (request.resources.boundaryResources = type
+            (request.renderState.boundaryResources = type
               ? type.resources
               : null),
               (task.blockedBoundary = type),
@@ -3254,7 +3262,7 @@ function renderNodeDestructiveImpl(
       (childIndex.lastPushedText = pushTextInstance(
         task.blockedSegment.chunks,
         node,
-        request.responseState,
+        request.renderState,
         childIndex.lastPushedText
       )))
     : "number" === typeof node &&
@@ -3262,7 +3270,7 @@ function renderNodeDestructiveImpl(
       (childIndex.lastPushedText = pushTextInstance(
         task.blockedSegment.chunks,
         "" + node,
-        request.responseState,
+        request.renderState,
         childIndex.lastPushedText
       )));
 }
@@ -3428,7 +3436,7 @@ function flushSubtree(request, destination, segment) {
       var segmentID = (segment.id = request.nextSegmentId++);
       segment.lastPushedText = !1;
       segment.textEmbedded = !1;
-      request = request.responseState;
+      request = request.renderState;
       writeChunk(destination, '<template id="');
       writeChunk(destination, request.placeholderPrefix);
       request = segmentID.toString(16);
@@ -3474,14 +3482,14 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     0 < boundary.completedSegments.length &&
       request.partialBoundaries.push(boundary);
-    var JSCompiler_inline_result = request.responseState;
-    var generatedID = JSCompiler_inline_result.nextSuspenseID++;
+    var JSCompiler_inline_result = request.renderState;
+    var generatedID = request.resumableState.nextSuspenseID++;
     JSCompiler_inline_result =
       JSCompiler_inline_result.boundaryPrefix + generatedID.toString(16);
     boundary = boundary.id = JSCompiler_inline_result;
     writeStartPendingSuspenseBoundary(
       destination,
-      request.responseState,
+      request.renderState,
       boundary
     );
     flushSubtree(request, destination, segment);
@@ -3490,12 +3498,12 @@ function flushSegment(request, destination, segment) {
       request.completedBoundaries.push(boundary),
       writeStartPendingSuspenseBoundary(
         destination,
-        request.responseState,
+        request.renderState,
         boundary.id
       ),
       flushSubtree(request, destination, segment);
   else {
-    (segment = request.resources.boundaryResources) &&
+    (segment = request.renderState.boundaryResources) &&
       boundary.resources.forEach(hoistStyleResource, segment);
     writeChunkAndReturn(destination, "\x3c!--$--\x3e");
     segment = boundary.completedSegments;
@@ -3510,7 +3518,7 @@ function flushSegment(request, destination, segment) {
 function flushSegmentContainer(request, destination, segment) {
   writeStartSegment(
     destination,
-    request.responseState,
+    request.renderState,
     segment.formatContext,
     segment.id
   );
@@ -3518,7 +3526,7 @@ function flushSegmentContainer(request, destination, segment) {
   return writeEndSegment(destination, segment.formatContext);
 }
 function flushCompletedBoundary(request, destination, boundary) {
-  request.resources.boundaryResources = boundary.resources;
+  request.renderState.boundaryResources = boundary.resources;
   for (
     var completedSegments = boundary.completedSegments, i = 0;
     i < completedSegments.length;
@@ -3534,33 +3542,34 @@ function flushCompletedBoundary(request, destination, boundary) {
   writeResourcesForBoundary(
     destination,
     boundary.resources,
-    request.responseState
+    request.renderState
   );
-  request = request.responseState;
-  completedSegments = boundary.id;
-  i = boundary.rootSegmentID;
+  completedSegments = request.resumableState;
+  request = request.renderState;
+  i = boundary.id;
+  var contentSegmentID = boundary.rootSegmentID;
   boundary = boundary.resources;
   var requiresStyleInsertion = request.stylesToHoist;
   request.stylesToHoist = !1;
-  var scriptFormat = 0 === request.streamingFormat;
+  var scriptFormat = 0 === completedSegments.streamingFormat;
   scriptFormat
     ? (writeChunk(destination, request.startInlineScript),
       requiresStyleInsertion
-        ? 0 === (request.instructions & 2)
-          ? ((request.instructions |= 10),
+        ? 0 === (completedSegments.instructions & 2)
+          ? ((completedSegments.instructions |= 10),
             writeChunk(
               destination,
               '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'
             ))
-          : 0 === (request.instructions & 8)
-          ? ((request.instructions |= 8),
+          : 0 === (completedSegments.instructions & 8)
+          ? ((completedSegments.instructions |= 8),
             writeChunk(
               destination,
               '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'
             ))
           : writeChunk(destination, '$RR("')
-        : 0 === (request.instructions & 2)
-        ? ((request.instructions |= 2),
+        : 0 === (completedSegments.instructions & 2)
+        ? ((completedSegments.instructions |= 2),
           writeChunk(
             destination,
             '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'
@@ -3569,17 +3578,17 @@ function flushCompletedBoundary(request, destination, boundary) {
     : requiresStyleInsertion
     ? writeChunk(destination, '<template data-rri="" data-bid="')
     : writeChunk(destination, '<template data-rci="" data-bid="');
-  if (null === completedSegments)
+  if (null === i)
     throw Error(
       "An ID must have been assigned before we can complete the boundary."
     );
-  i = i.toString(16);
-  writeChunk(destination, completedSegments);
+  contentSegmentID = contentSegmentID.toString(16);
+  writeChunk(destination, i);
   scriptFormat
     ? writeChunk(destination, '","')
     : writeChunk(destination, '" data-sid="');
   writeChunk(destination, request.segmentPrefix);
-  writeChunk(destination, i);
+  writeChunk(destination, contentSegmentID);
   requiresStyleInsertion
     ? scriptFormat
       ? (writeChunk(destination, '",'),
@@ -3587,10 +3596,10 @@ function flushCompletedBoundary(request, destination, boundary) {
       : (writeChunk(destination, '" data-sty="'),
         writeStyleResourceDependenciesInAttr(destination, boundary))
     : scriptFormat && writeChunk(destination, '"');
-  completedSegments = scriptFormat
+  request = scriptFormat
     ? writeChunkAndReturn(destination, ")\x3c/script>")
     : writeChunkAndReturn(destination, '"></template>');
-  return writeBootstrap(destination, request) && completedSegments;
+  return writeBootstrap(destination, completedSegments) && request;
 }
 function flushPartiallyCompletedSegment(
   request,
@@ -3608,11 +3617,12 @@ function flushPartiallyCompletedSegment(
     return flushSegmentContainer(request, destination, segment);
   }
   flushSegmentContainer(request, destination, segment);
-  request = request.responseState;
-  (boundary = 0 === request.streamingFormat)
+  boundary = request.resumableState;
+  request = request.renderState;
+  (segment = 0 === boundary.streamingFormat)
     ? (writeChunk(destination, request.startInlineScript),
-      0 === (request.instructions & 1)
-        ? ((request.instructions |= 1),
+      0 === (boundary.instructions & 1)
+        ? ((boundary.instructions |= 1),
           writeChunk(
             destination,
             '$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};;$RS("'
@@ -3622,12 +3632,12 @@ function flushPartiallyCompletedSegment(
   writeChunk(destination, request.segmentPrefix);
   segmentID = segmentID.toString(16);
   writeChunk(destination, segmentID);
-  boundary
+  segment
     ? writeChunk(destination, '","')
     : writeChunk(destination, '" data-pid="');
   writeChunk(destination, request.placeholderPrefix);
   writeChunk(destination, segmentID);
-  destination = boundary
+  destination = segment
     ? writeChunkAndReturn(destination, '")\x3c/script>')
     : writeChunkAndReturn(destination, '"></template>');
   return destination;
@@ -3638,16 +3648,16 @@ function flushCompletedQueues(request, destination) {
       completedRootSegment = request.completedRootSegment;
     if (null !== completedRootSegment)
       if (0 === request.pendingRootTasks) {
-        var resources = request.resources,
-          responseState = request.responseState;
+        var resumableState = request.resumableState,
+          renderState = request.renderState;
         if (
           0 !== request.allPendingTasks &&
-          responseState.externalRuntimeScript
+          resumableState.externalRuntimeScript
         ) {
-          var _responseState$extern = responseState.externalRuntimeScript,
-            chunks = _responseState$extern.chunks,
-            key = "[script]" + _responseState$extern.src,
-            resource = resources.scriptsMap.get(key);
+          var _resumableState$exter = resumableState.externalRuntimeScript,
+            chunks = _resumableState$exter.chunks,
+            key = "[script]" + _resumableState$exter.src,
+            resource = resumableState.scriptsMap.get(key);
           resource ||
             ((resource = {
               type: "script",
@@ -3655,85 +3665,97 @@ function flushCompletedQueues(request, destination) {
               state: 0,
               props: null
             }),
-            resources.scriptsMap.set(key, resource),
-            resources.scripts.add(resource));
+            resumableState.scriptsMap.set(key, resource),
+            resumableState.scripts.add(resource));
         }
-        var htmlChunks = responseState.htmlChunks,
-          headChunks = responseState.headChunks;
-        _responseState$extern = 0;
+        var htmlChunks = renderState.htmlChunks,
+          headChunks = renderState.headChunks;
+        _resumableState$exter = 0;
         if (htmlChunks) {
           for (
-            _responseState$extern = 0;
-            _responseState$extern < htmlChunks.length;
-            _responseState$extern++
+            _resumableState$exter = 0;
+            _resumableState$exter < htmlChunks.length;
+            _resumableState$exter++
           )
-            writeChunk(destination, htmlChunks[_responseState$extern]);
+            writeChunk(destination, htmlChunks[_resumableState$exter]);
           if (headChunks)
             for (
-              _responseState$extern = 0;
-              _responseState$extern < headChunks.length;
-              _responseState$extern++
+              _resumableState$exter = 0;
+              _resumableState$exter < headChunks.length;
+              _resumableState$exter++
             )
-              writeChunk(destination, headChunks[_responseState$extern]);
+              writeChunk(destination, headChunks[_resumableState$exter]);
           else
             writeChunk(destination, startChunkForTag("head")),
               writeChunk(destination, ">");
         } else if (headChunks)
           for (
-            _responseState$extern = 0;
-            _responseState$extern < headChunks.length;
-            _responseState$extern++
+            _resumableState$exter = 0;
+            _resumableState$exter < headChunks.length;
+            _resumableState$exter++
           )
-            writeChunk(destination, headChunks[_responseState$extern]);
-        var charsetChunks = responseState.charsetChunks;
+            writeChunk(destination, headChunks[_resumableState$exter]);
+        var charsetChunks = renderState.charsetChunks;
         for (
-          _responseState$extern = 0;
-          _responseState$extern < charsetChunks.length;
-          _responseState$extern++
+          _resumableState$exter = 0;
+          _resumableState$exter < charsetChunks.length;
+          _resumableState$exter++
         )
-          writeChunk(destination, charsetChunks[_responseState$extern]);
+          writeChunk(destination, charsetChunks[_resumableState$exter]);
         charsetChunks.length = 0;
-        resources.preconnects.forEach(flushResourceInPreamble, destination);
-        resources.preconnects.clear();
-        var preconnectChunks = responseState.preconnectChunks;
+        resumableState.preconnects.forEach(
+          flushResourceInPreamble,
+          destination
+        );
+        resumableState.preconnects.clear();
+        var preconnectChunks = renderState.preconnectChunks;
         for (
-          _responseState$extern = 0;
-          _responseState$extern < preconnectChunks.length;
-          _responseState$extern++
+          _resumableState$exter = 0;
+          _resumableState$exter < preconnectChunks.length;
+          _resumableState$exter++
         )
-          writeChunk(destination, preconnectChunks[_responseState$extern]);
+          writeChunk(destination, preconnectChunks[_resumableState$exter]);
         preconnectChunks.length = 0;
-        resources.fontPreloads.forEach(flushResourceInPreamble, destination);
-        resources.fontPreloads.clear();
-        resources.highImagePreloads.forEach(
+        resumableState.fontPreloads.forEach(
           flushResourceInPreamble,
           destination
         );
-        resources.highImagePreloads.clear();
-        resources.precedences.forEach(flushAllStylesInPreamble, destination);
-        resources.bootstrapScripts.forEach(
+        resumableState.fontPreloads.clear();
+        resumableState.highImagePreloads.forEach(
           flushResourceInPreamble,
           destination
         );
-        resources.scripts.forEach(flushResourceInPreamble, destination);
-        resources.scripts.clear();
-        resources.bulkPreloads.forEach(flushResourceInPreamble, destination);
-        resources.bulkPreloads.clear();
-        var preloadChunks = responseState.preloadChunks;
+        resumableState.highImagePreloads.clear();
+        resumableState.precedences.forEach(
+          flushAllStylesInPreamble,
+          destination
+        );
+        resumableState.bootstrapScripts.forEach(
+          flushResourceInPreamble,
+          destination
+        );
+        resumableState.scripts.forEach(flushResourceInPreamble, destination);
+        resumableState.scripts.clear();
+        resumableState.bulkPreloads.forEach(
+          flushResourceInPreamble,
+          destination
+        );
+        resumableState.bulkPreloads.clear();
+        var preloadChunks = renderState.preloadChunks;
         for (
-          _responseState$extern = 0;
-          _responseState$extern < preloadChunks.length;
-          _responseState$extern++
+          _resumableState$exter = 0;
+          _resumableState$exter < preloadChunks.length;
+          _resumableState$exter++
         )
-          writeChunk(destination, preloadChunks[_responseState$extern]);
+          writeChunk(destination, preloadChunks[_resumableState$exter]);
         preloadChunks.length = 0;
-        var hoistableChunks = responseState.hoistableChunks;
+        var hoistableChunks = renderState.hoistableChunks;
         for (
-          _responseState$extern = 0;
-          _responseState$extern < hoistableChunks.length;
-          _responseState$extern++
+          _resumableState$exter = 0;
+          _resumableState$exter < hoistableChunks.length;
+          _resumableState$exter++
         )
-          writeChunk(destination, hoistableChunks[_responseState$extern]);
+          writeChunk(destination, hoistableChunks[_resumableState$exter]);
         hoistableChunks.length = 0;
         htmlChunks &&
           null === headChunks &&
@@ -3742,15 +3764,15 @@ function flushCompletedQueues(request, destination) {
           writeChunk(destination, ">"));
         flushSegment(request, destination, completedRootSegment);
         request.completedRootSegment = null;
-        writeBootstrap(destination, request.responseState);
+        writeBootstrap(destination, request.resumableState);
       } else return;
     else if (0 < request.pendingRootTasks) return;
-    var resources$jscomp$0 = request.resources,
-      responseState$jscomp$0 = request.responseState;
+    var resumableState$jscomp$0 = request.resumableState,
+      renderState$jscomp$0 = request.renderState;
     completedRootSegment = 0;
-    resources$jscomp$0.preconnects.forEach(flushResourceLate, destination);
-    resources$jscomp$0.preconnects.clear();
-    var preconnectChunks$jscomp$0 = responseState$jscomp$0.preconnectChunks;
+    resumableState$jscomp$0.preconnects.forEach(flushResourceLate, destination);
+    resumableState$jscomp$0.preconnects.clear();
+    var preconnectChunks$jscomp$0 = renderState$jscomp$0.preconnectChunks;
     for (
       completedRootSegment = 0;
       completedRootSegment < preconnectChunks$jscomp$0.length;
@@ -3758,19 +3780,25 @@ function flushCompletedQueues(request, destination) {
     )
       writeChunk(destination, preconnectChunks$jscomp$0[completedRootSegment]);
     preconnectChunks$jscomp$0.length = 0;
-    resources$jscomp$0.fontPreloads.forEach(flushResourceLate, destination);
-    resources$jscomp$0.fontPreloads.clear();
-    resources$jscomp$0.highImagePreloads.forEach(
+    resumableState$jscomp$0.fontPreloads.forEach(
+      flushResourceLate,
+      destination
+    );
+    resumableState$jscomp$0.fontPreloads.clear();
+    resumableState$jscomp$0.highImagePreloads.forEach(
       flushResourceInPreamble,
       destination
     );
-    resources$jscomp$0.highImagePreloads.clear();
-    resources$jscomp$0.precedences.forEach(preloadLateStyles, destination);
-    resources$jscomp$0.scripts.forEach(flushResourceLate, destination);
-    resources$jscomp$0.scripts.clear();
-    resources$jscomp$0.bulkPreloads.forEach(flushResourceLate, destination);
-    resources$jscomp$0.bulkPreloads.clear();
-    var preloadChunks$jscomp$0 = responseState$jscomp$0.preloadChunks;
+    resumableState$jscomp$0.highImagePreloads.clear();
+    resumableState$jscomp$0.precedences.forEach(preloadLateStyles, destination);
+    resumableState$jscomp$0.scripts.forEach(flushResourceLate, destination);
+    resumableState$jscomp$0.scripts.clear();
+    resumableState$jscomp$0.bulkPreloads.forEach(
+      flushResourceLate,
+      destination
+    );
+    resumableState$jscomp$0.bulkPreloads.clear();
+    var preloadChunks$jscomp$0 = renderState$jscomp$0.preloadChunks;
     for (
       completedRootSegment = 0;
       completedRootSegment < preloadChunks$jscomp$0.length;
@@ -3778,7 +3806,7 @@ function flushCompletedQueues(request, destination) {
     )
       writeChunk(destination, preloadChunks$jscomp$0[completedRootSegment]);
     preloadChunks$jscomp$0.length = 0;
-    var hoistableChunks$jscomp$0 = responseState$jscomp$0.hoistableChunks;
+    var hoistableChunks$jscomp$0 = renderState$jscomp$0.hoistableChunks;
     for (
       completedRootSegment = 0;
       completedRootSegment < hoistableChunks$jscomp$0.length;
@@ -3789,65 +3817,66 @@ function flushCompletedQueues(request, destination) {
     var clientRenderedBoundaries = request.clientRenderedBoundaries;
     for (i = 0; i < clientRenderedBoundaries.length; i++) {
       var boundary = clientRenderedBoundaries[i];
-      resources$jscomp$0 = destination;
-      var responseState$jscomp$1 = request.responseState,
+      resumableState$jscomp$0 = destination;
+      var resumableState$jscomp$1 = request.resumableState,
         boundaryID = boundary.id,
         errorDigest = boundary.errorDigest,
         errorMessage = boundary.errorMessage,
         errorComponentStack = boundary.errorComponentStack,
-        scriptFormat = 0 === responseState$jscomp$1.streamingFormat;
+        scriptFormat = 0 === resumableState$jscomp$1.streamingFormat;
       scriptFormat
-        ? ((resources$jscomp$0.buffer +=
-            responseState$jscomp$1.startInlineScript),
-          0 === (responseState$jscomp$1.instructions & 4)
-            ? ((responseState$jscomp$1.instructions |= 4),
-              (resources$jscomp$0.buffer +=
+        ? ((resumableState$jscomp$0.buffer +=
+            request.renderState.startInlineScript),
+          0 === (resumableState$jscomp$1.instructions & 4)
+            ? ((resumableState$jscomp$1.instructions |= 4),
+              (resumableState$jscomp$0.buffer +=
                 '$RX=function(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())};;$RX("'))
-            : (resources$jscomp$0.buffer += '$RX("'))
-        : (resources$jscomp$0.buffer += '<template data-rxi="" data-bid="');
+            : (resumableState$jscomp$0.buffer += '$RX("'))
+        : (resumableState$jscomp$0.buffer +=
+            '<template data-rxi="" data-bid="');
       if (null === boundaryID)
         throw Error(
           "An ID must have been assigned before we can complete the boundary."
         );
-      resources$jscomp$0.buffer += boundaryID;
-      scriptFormat && (resources$jscomp$0.buffer += '"');
+      resumableState$jscomp$0.buffer += boundaryID;
+      scriptFormat && (resumableState$jscomp$0.buffer += '"');
       if (errorDigest || errorMessage || errorComponentStack)
         if (scriptFormat) {
-          resources$jscomp$0.buffer += ",";
+          resumableState$jscomp$0.buffer += ",";
           var chunk = escapeJSStringsForInstructionScripts(errorDigest || "");
-          resources$jscomp$0.buffer += chunk;
+          resumableState$jscomp$0.buffer += chunk;
         } else {
-          resources$jscomp$0.buffer += '" data-dgst="';
+          resumableState$jscomp$0.buffer += '" data-dgst="';
           var chunk$jscomp$0 = escapeTextForBrowser(errorDigest || "");
-          resources$jscomp$0.buffer += chunk$jscomp$0;
+          resumableState$jscomp$0.buffer += chunk$jscomp$0;
         }
       if (errorMessage || errorComponentStack)
         if (scriptFormat) {
-          resources$jscomp$0.buffer += ",";
+          resumableState$jscomp$0.buffer += ",";
           var chunk$jscomp$1 = escapeJSStringsForInstructionScripts(
             errorMessage || ""
           );
-          resources$jscomp$0.buffer += chunk$jscomp$1;
+          resumableState$jscomp$0.buffer += chunk$jscomp$1;
         } else {
-          resources$jscomp$0.buffer += '" data-msg="';
+          resumableState$jscomp$0.buffer += '" data-msg="';
           var chunk$jscomp$2 = escapeTextForBrowser(errorMessage || "");
-          resources$jscomp$0.buffer += chunk$jscomp$2;
+          resumableState$jscomp$0.buffer += chunk$jscomp$2;
         }
       if (errorComponentStack)
         if (scriptFormat) {
-          resources$jscomp$0.buffer += ",";
+          resumableState$jscomp$0.buffer += ",";
           var chunk$jscomp$3 =
             escapeJSStringsForInstructionScripts(errorComponentStack);
-          resources$jscomp$0.buffer += chunk$jscomp$3;
+          resumableState$jscomp$0.buffer += chunk$jscomp$3;
         } else {
-          resources$jscomp$0.buffer += '" data-stck="';
+          resumableState$jscomp$0.buffer += '" data-stck="';
           var chunk$jscomp$4 = escapeTextForBrowser(errorComponentStack);
-          resources$jscomp$0.buffer += chunk$jscomp$4;
+          resumableState$jscomp$0.buffer += chunk$jscomp$4;
         }
       if (
         scriptFormat
-          ? !writeChunkAndReturn(resources$jscomp$0, ")\x3c/script>")
-          : !writeChunkAndReturn(resources$jscomp$0, '"></template>')
+          ? !writeChunkAndReturn(resumableState$jscomp$0, ")\x3c/script>")
+          : !writeChunkAndReturn(resumableState$jscomp$0, '"></template>')
       ) {
         request.destination = null;
         i++;
@@ -3873,32 +3902,32 @@ function flushCompletedQueues(request, destination) {
       a: {
         clientRenderedBoundaries = request;
         boundary = destination;
-        clientRenderedBoundaries.resources.boundaryResources =
+        clientRenderedBoundaries.renderState.boundaryResources =
           boundary$15.resources;
         var completedSegments = boundary$15.completedSegments;
         for (
-          responseState$jscomp$1 = 0;
-          responseState$jscomp$1 < completedSegments.length;
-          responseState$jscomp$1++
+          resumableState$jscomp$1 = 0;
+          resumableState$jscomp$1 < completedSegments.length;
+          resumableState$jscomp$1++
         )
           if (
             !flushPartiallyCompletedSegment(
               clientRenderedBoundaries,
               boundary,
               boundary$15,
-              completedSegments[responseState$jscomp$1]
+              completedSegments[resumableState$jscomp$1]
             )
           ) {
-            responseState$jscomp$1++;
-            completedSegments.splice(0, responseState$jscomp$1);
+            resumableState$jscomp$1++;
+            completedSegments.splice(0, resumableState$jscomp$1);
             var JSCompiler_inline_result = !1;
             break a;
           }
-        completedSegments.splice(0, responseState$jscomp$1);
+        completedSegments.splice(0, resumableState$jscomp$1);
         JSCompiler_inline_result = writeResourcesForBoundary(
           boundary,
           boundary$15.resources,
-          clientRenderedBoundaries.responseState
+          clientRenderedBoundaries.renderState
         );
       }
       if (!JSCompiler_inline_result) {
@@ -3924,12 +3953,12 @@ function flushCompletedQueues(request, destination) {
       0 === request.clientRenderedBoundaries.length &&
       0 === request.completedBoundaries.length &&
       ((request.flushScheduled = !1),
-      (request = request.responseState),
+      (request = request.resumableState),
       request.hasBody &&
         (writeChunk(destination, "</"),
         writeChunk(destination, "body"),
         writeChunk(destination, ">")),
-      request.htmlChunks &&
+      request.hasHtml &&
         (writeChunk(destination, "</"),
         writeChunk(destination, "html"),
         writeChunk(destination, ">")),
@@ -3989,15 +4018,15 @@ exports.renderNextChunk = function (stream) {
     ReactCurrentCache.current = DefaultCacheDispatcher;
     var prevRequest = currentRequest;
     currentRequest = request;
-    var prevResponseState = currentResponseState;
-    currentResponseState = request.responseState;
+    var prevResumableState = currentResumableState;
+    currentResumableState = request.resumableState;
     try {
       var pingedTasks = request.pingedTasks,
         i;
       for (i = 0; i < pingedTasks.length; i++) {
         var task = pingedTasks[i],
           blockedBoundary = task.blockedBoundary;
-        request.resources.boundaryResources = blockedBoundary
+        request.renderState.boundaryResources = blockedBoundary
           ? blockedBoundary.resources
           : null;
         var segment = task.blockedSegment;
@@ -4059,7 +4088,7 @@ exports.renderNextChunk = function (stream) {
               }
             }
           } finally {
-            request.resources.boundaryResources = null;
+            request.renderState.boundaryResources = null;
           }
         }
       }
@@ -4069,7 +4098,7 @@ exports.renderNextChunk = function (stream) {
     } catch (error) {
       logRecoverableError(request, error), fatalError(request, error);
     } finally {
-      (currentResponseState = prevResponseState),
+      (currentResumableState = prevResumableState),
         (ReactCurrentDispatcher.current = prevDispatcher),
         (ReactCurrentCache.current = prevCacheDispatcher),
         prevDispatcher === HooksDispatcher && switchContext(prevContext),
@@ -4097,34 +4126,19 @@ exports.renderNextChunk = function (stream) {
 };
 exports.renderToStream = function (children, options) {
   var destination = { buffer: "", done: !1, fatal: !1, error: null },
-    resources = {
-      preloadsMap: new Map(),
-      preconnectsMap: new Map(),
-      stylesMap: new Map(),
-      scriptsMap: new Map(),
-      preconnects: new Set(),
-      fontPreloads: new Set(),
-      highImagePreloads: new Set(),
-      precedences: new Map(),
-      stylePrecedences: new Map(),
-      bootstrapScripts: new Set(),
-      scripts: new Set(),
-      bulkPreloads: new Set(),
-      boundaryResources: null
-    },
     identifierPrefix = options ? options.identifierPrefix : void 0,
     bootstrapScriptContent = options ? options.bootstrapScriptContent : void 0,
     bootstrapScripts = options ? options.bootstrapScripts : void 0,
     bootstrapModules = options ? options.bootstrapModules : void 0,
     externalRuntimeConfig = options
       ? options.unstable_externalRuntimeSrc
-      : void 0;
-  identifierPrefix = void 0 === identifierPrefix ? "" : identifierPrefix;
-  var JSCompiler_inline_result = [];
-  var externalRuntimeScript = null,
-    streamingFormat = 0;
+      : void 0,
+    idPrefix = void 0 === identifierPrefix ? "" : identifierPrefix;
+  identifierPrefix = [];
+  var streamingFormat = 0,
+    externalRuntimeScript = null;
   void 0 !== bootstrapScriptContent &&
-    JSCompiler_inline_result.push(
+    identifierPrefix.push(
       "<script>",
       ("" + bootstrapScriptContent).replace(scriptRegex, scriptReplacer),
       "\x3c/script>"
@@ -4149,51 +4163,75 @@ exports.renderToStream = function (children, options) {
           integrity: externalRuntimeConfig.integrity,
           nonce: void 0
         })));
+  bootstrapScriptContent = {
+    externalRuntimeScript: externalRuntimeScript,
+    bootstrapChunks: identifierPrefix,
+    idPrefix: idPrefix,
+    nextSuspenseID: 0,
+    streamingFormat: streamingFormat,
+    instructions: 0,
+    hasBody: !1,
+    hasHtml: !1,
+    preloadsMap: new Map(),
+    preconnectsMap: new Map(),
+    stylesMap: new Map(),
+    scriptsMap: new Map(),
+    preconnects: new Set(),
+    fontPreloads: new Set(),
+    highImagePreloads: new Set(),
+    precedences: new Map(),
+    stylePrecedences: new Map(),
+    bootstrapScripts: new Set(),
+    scripts: new Set(),
+    bulkPreloads: new Set()
+  };
   if (void 0 !== bootstrapScripts)
     for (
-      bootstrapScriptContent = 0;
-      bootstrapScriptContent < bootstrapScripts.length;
-      bootstrapScriptContent++
+      externalRuntimeConfig = 0;
+      externalRuntimeConfig < bootstrapScripts.length;
+      externalRuntimeConfig++
     ) {
-      var scriptConfig = bootstrapScripts[bootstrapScriptContent];
-      externalRuntimeConfig =
-        "string" === typeof scriptConfig ? scriptConfig : scriptConfig.src;
-      var integrity =
-        "string" === typeof scriptConfig ? void 0 : scriptConfig.integrity;
-      scriptConfig =
-        "string" === typeof scriptConfig || null == scriptConfig.crossOrigin
+      externalRuntimeScript = bootstrapScripts[externalRuntimeConfig];
+      idPrefix =
+        "string" === typeof externalRuntimeScript
+          ? externalRuntimeScript
+          : externalRuntimeScript.src;
+      streamingFormat =
+        "string" === typeof externalRuntimeScript
           ? void 0
-          : "use-credentials" === scriptConfig.crossOrigin
+          : externalRuntimeScript.integrity;
+      externalRuntimeScript =
+        "string" === typeof externalRuntimeScript ||
+        null == externalRuntimeScript.crossOrigin
+          ? void 0
+          : "use-credentials" === externalRuntimeScript.crossOrigin
           ? "use-credentials"
           : "";
       var props = {
           rel: "preload",
-          href: externalRuntimeConfig,
+          href: idPrefix,
           as: "script",
           fetchPriority: "low",
           nonce: void 0,
-          integrity: integrity,
-          crossOrigin: scriptConfig
+          integrity: streamingFormat,
+          crossOrigin: externalRuntimeScript
         },
         resource = { type: "preload", chunks: [], state: 0, props: props };
-      resources.preloadsMap.set("[script]" + externalRuntimeConfig, resource);
-      resources.bootstrapScripts.add(resource);
+      bootstrapScriptContent.preloadsMap.set("[script]" + idPrefix, resource);
+      bootstrapScriptContent.bootstrapScripts.add(resource);
       pushLinkImpl(resource.chunks, props);
-      JSCompiler_inline_result.push(
-        '<script src="',
-        escapeTextForBrowser(externalRuntimeConfig)
-      );
-      integrity &&
-        JSCompiler_inline_result.push(
+      identifierPrefix.push('<script src="', escapeTextForBrowser(idPrefix));
+      streamingFormat &&
+        identifierPrefix.push(
           '" integrity="',
-          escapeTextForBrowser(integrity)
+          escapeTextForBrowser(streamingFormat)
         );
-      "string" === typeof scriptConfig &&
-        JSCompiler_inline_result.push(
+      "string" === typeof externalRuntimeScript &&
+        identifierPrefix.push(
           '" crossorigin="',
-          escapeTextForBrowser(scriptConfig)
+          escapeTextForBrowser(externalRuntimeScript)
         );
-      JSCompiler_inline_result.push('" async="">\x3c/script>');
+      identifierPrefix.push('" async="">\x3c/script>');
     }
   if (void 0 !== bootstrapModules)
     for (
@@ -4201,95 +4239,98 @@ exports.renderToStream = function (children, options) {
       bootstrapScripts < bootstrapModules.length;
       bootstrapScripts++
     )
-      (integrity = bootstrapModules[bootstrapScripts]),
-        (bootstrapScriptContent =
-          "string" === typeof integrity ? integrity : integrity.src),
+      (streamingFormat = bootstrapModules[bootstrapScripts]),
         (externalRuntimeConfig =
-          "string" === typeof integrity ? void 0 : integrity.integrity),
-        (integrity =
-          "string" === typeof integrity || null == integrity.crossOrigin
+          "string" === typeof streamingFormat
+            ? streamingFormat
+            : streamingFormat.src),
+        (idPrefix =
+          "string" === typeof streamingFormat
             ? void 0
-            : "use-credentials" === integrity.crossOrigin
+            : streamingFormat.integrity),
+        (streamingFormat =
+          "string" === typeof streamingFormat ||
+          null == streamingFormat.crossOrigin
+            ? void 0
+            : "use-credentials" === streamingFormat.crossOrigin
             ? "use-credentials"
             : ""),
-        (scriptConfig = {
+        (externalRuntimeScript = {
           rel: "modulepreload",
-          href: bootstrapScriptContent,
+          href: externalRuntimeConfig,
           fetchPriority: "low",
           nonce: void 0,
-          integrity: externalRuntimeConfig,
-          crossOrigin: integrity
+          integrity: idPrefix,
+          crossOrigin: streamingFormat
         }),
         (props = {
           type: "preload",
           chunks: [],
           state: 0,
-          props: scriptConfig
+          props: externalRuntimeScript
         }),
-        resources.preloadsMap.set("[script]" + bootstrapScriptContent, props),
-        resources.bootstrapScripts.add(props),
-        pushLinkImpl(props.chunks, scriptConfig),
-        JSCompiler_inline_result.push(
-          '<script type="module" src="',
-          escapeTextForBrowser(bootstrapScriptContent)
+        bootstrapScriptContent.preloadsMap.set(
+          "[script]" + externalRuntimeConfig,
+          props
         ),
-        externalRuntimeConfig &&
-          JSCompiler_inline_result.push(
+        bootstrapScriptContent.bootstrapScripts.add(props),
+        pushLinkImpl(props.chunks, externalRuntimeScript),
+        identifierPrefix.push(
+          '<script type="module" src="',
+          escapeTextForBrowser(externalRuntimeConfig)
+        ),
+        idPrefix &&
+          identifierPrefix.push(
             '" integrity="',
-            escapeTextForBrowser(externalRuntimeConfig)
+            escapeTextForBrowser(idPrefix)
           ),
-        "string" === typeof integrity &&
-          JSCompiler_inline_result.push(
+        "string" === typeof streamingFormat &&
+          identifierPrefix.push(
             '" crossorigin="',
-            escapeTextForBrowser(integrity)
+            escapeTextForBrowser(streamingFormat)
           ),
-        JSCompiler_inline_result.push('" async="">\x3c/script>');
-  JSCompiler_inline_result = {
-    bootstrapChunks: JSCompiler_inline_result,
-    placeholderPrefix: identifierPrefix + "P:",
-    segmentPrefix: identifierPrefix + "S:",
-    boundaryPrefix: identifierPrefix + "B:",
-    idPrefix: identifierPrefix,
-    nextSuspenseID: 0,
-    streamingFormat: streamingFormat,
+        identifierPrefix.push('" async="">\x3c/script>');
+  bootstrapModules = bootstrapScriptContent.idPrefix;
+  bootstrapScripts = {
+    placeholderPrefix: bootstrapModules + "P:",
+    segmentPrefix: bootstrapModules + "S:",
+    boundaryPrefix: bootstrapModules + "B:",
     startInlineScript: "<script>",
-    instructions: 0,
-    externalRuntimeScript: externalRuntimeScript,
     htmlChunks: null,
     headChunks: null,
-    hasBody: !1,
     charsetChunks: [],
     preconnectChunks: [],
     preloadChunks: [],
     hoistableChunks: [],
-    stylesToHoist: !1,
-    nonce: void 0
+    nonce: void 0,
+    boundaryResources: null,
+    stylesToHoist: !1
   };
   bootstrapModules = createFormatContext(0, null, !1);
-  externalRuntimeScript = options ? options.progressiveChunkSize : void 0;
-  streamingFormat = options.onError;
+  externalRuntimeConfig = options ? options.progressiveChunkSize : void 0;
+  idPrefix = options.onError;
   ReactDOMCurrentDispatcher.current = ReactDOMServerDispatcher;
   options = [];
   identifierPrefix = new Set();
-  resources = {
+  bootstrapScriptContent = {
     destination: null,
     flushScheduled: !1,
-    responseState: JSCompiler_inline_result,
+    resumableState: bootstrapScriptContent,
+    renderState: bootstrapScripts,
     progressiveChunkSize:
-      void 0 === externalRuntimeScript ? 12800 : externalRuntimeScript,
+      void 0 === externalRuntimeConfig ? 12800 : externalRuntimeConfig,
     status: 0,
     fatalError: null,
     nextSegmentId: 0,
     allPendingTasks: 0,
     pendingRootTasks: 0,
-    resources: resources,
     completedRootSegment: null,
     abortableTasks: identifierPrefix,
     pingedTasks: options,
     clientRenderedBoundaries: [],
     completedBoundaries: [],
     partialBoundaries: [],
-    onError: void 0 === streamingFormat ? defaultErrorHandler : streamingFormat,
+    onError: void 0 === idPrefix ? defaultErrorHandler : idPrefix,
     onPostpone: noop,
     onAllReady: noop,
     onShellReady: noop,
@@ -4297,7 +4338,7 @@ exports.renderToStream = function (children, options) {
     onFatalError: noop
   };
   bootstrapModules = createPendingSegment(
-    resources,
+    bootstrapScriptContent,
     0,
     null,
     bootstrapModules,
@@ -4306,7 +4347,7 @@ exports.renderToStream = function (children, options) {
   );
   bootstrapModules.parentFlushed = !0;
   children = createTask(
-    resources,
+    bootstrapScriptContent,
     null,
     children,
     null,
@@ -4318,7 +4359,8 @@ exports.renderToStream = function (children, options) {
     emptyTreeContext
   );
   options.push(children);
-  resources.flushScheduled = null !== resources.destination;
+  bootstrapScriptContent.flushScheduled =
+    null !== bootstrapScriptContent.destination;
   if (destination.fatal) throw destination.error;
-  return { destination: destination, request: resources };
+  return { destination: destination, request: bootstrapScriptContent };
 };