From fe4d7ee0fb08db3533f299fdf2669dfb38465a82 Mon Sep 17 00:00:00 2001
From: sebmarkbage <sebmarkbage@users.noreply.github.com>
Date: Wed, 20 Sep 2023 16:27:03 +0000
Subject: [PATCH] [Fizz] Ensure Resumable State is Serializable (#27388)

Moves writing queues to renderState.

We shouldn't need the resource tracking's value. We just need to know if
that resource has already been emitted. We can use a Set for this. To
ensure that set is directly serializable we can just use a
dictionary-like object with no value.

See individual commits for special cases.

DiffTrain build for [b775564d35d6fe9f9acead0f380bbc86bb6bdd2c](https://github.com/facebook/react/commit/b775564d35d6fe9f9acead0f380bbc86bb6bdd2c)
---
 compiled/facebook-www/REVISION                |   2 +-
 .../ReactDOMServer-dev.classic.js             | 604 ++++++------
 .../facebook-www/ReactDOMServer-dev.modern.js | 604 ++++++------
 .../ReactDOMServer-prod.classic.js            | 909 +++++++-----------
 .../ReactDOMServer-prod.modern.js             | 909 +++++++-----------
 .../ReactDOMServerStreaming-dev.modern.js     | 585 ++++++-----
 .../ReactDOMServerStreaming-prod.modern.js    | 904 +++++++++--------
 .../ReactTestRenderer-dev.modern.js           |   2 +-
 8 files changed, 2178 insertions(+), 2341 deletions(-)

diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION
index bbaaa0dcdb..585d5cc297 100644
--- a/compiled/facebook-www/REVISION
+++ b/compiled/facebook-www/REVISION
@@ -1 +1 @@
-2807d781a08db8e9873687fccc25c0f12b4fb3d4
+b775564d35d6fe9f9acead0f380bbc86bb6bdd2c
diff --git a/compiled/facebook-www/ReactDOMServer-dev.classic.js b/compiled/facebook-www/ReactDOMServer-dev.classic.js
index 3e632bac8f..181b3579cf 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-3e4fe4e2";
+var ReactVersion = "18.3.0-www-classic-cc6e6575";
 
 // This refers to a WWW module.
 var warningWWW = require("warning");
@@ -1931,7 +1931,15 @@ var importMapScriptEnd = stringToPrecomputedChunk("</script>"); // Allows us to
 // if passed externalRuntimeConfig and the enableFizzExternalRuntime feature flag
 // is set, the server will send instructions via data attributes (instead of inline scripts)
 
-function createRenderState$1(resumableState, nonce, importMap) {
+function createRenderState$1(
+  resumableState,
+  nonce,
+  bootstrapScriptContent,
+  bootstrapScripts,
+  bootstrapModules,
+  externalRuntimeConfig,
+  importMap
+) {
   var inlineScriptWithNonce =
     nonce === undefined
       ? startInlineScript
@@ -1939,57 +1947,10 @@ function createRenderState$1(resumableState, nonce, importMap) {
           '<script nonce="' + escapeTextForBrowser(nonce) + '">'
         );
   var idPrefix = resumableState.idPrefix;
-  var importMapChunks = [];
-
-  if (importMap !== undefined) {
-    var map = importMap;
-    importMapChunks.push(importMapScriptStart);
-    importMapChunks.push(
-      stringToChunk(
-        escapeBootstrapAndImportMapScriptContent(JSON.stringify(map))
-      )
-    );
-    importMapChunks.push(importMapScriptEnd);
-  }
-
-  return {
-    placeholderPrefix: stringToPrecomputedChunk(idPrefix + "P:"),
-    segmentPrefix: stringToPrecomputedChunk(idPrefix + "S:"),
-    boundaryPrefix: stringToPrecomputedChunk(idPrefix + "B:"),
-    startInlineScript: inlineScriptWithNonce,
-    htmlChunks: null,
-    headChunks: null,
-    charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks: importMapChunks,
-    preloadChunks: [],
-    hoistableChunks: [],
-    nonce: nonce,
-    // like a module global for currently rendering boundary
-    boundaryResources: null,
-    stylesToHoist: false
-  };
-}
-function createResumableState(
-  identifierPrefix,
-  nonce,
-  bootstrapScriptContent,
-  bootstrapScripts,
-  bootstrapModules,
-  externalRuntimeConfig
-) {
-  var idPrefix = identifierPrefix === undefined ? "" : identifierPrefix;
   var bootstrapChunks = [];
-  var streamingFormat = ScriptStreamingFormat;
   var externalRuntimeScript = null;
 
   if (bootstrapScriptContent !== undefined) {
-    var inlineScriptWithNonce =
-      nonce === undefined
-        ? startInlineScript
-        : stringToPrecomputedChunk(
-            '<script nonce="' + escapeTextForBrowser(nonce) + '">'
-          );
     bootstrapChunks.push(
       inlineScriptWithNonce,
       stringToChunk(
@@ -2001,8 +1962,6 @@ function createResumableState(
 
   {
     if (externalRuntimeConfig !== undefined) {
-      streamingFormat = DataStreamingFormat;
-
       if (typeof externalRuntimeConfig === "string") {
         externalRuntimeScript = {
           src: externalRuntimeConfig,
@@ -2029,21 +1988,33 @@ function createResumableState(
     }
   }
 
-  var resumableState = {
+  var importMapChunks = [];
+
+  if (importMap !== undefined) {
+    var map = importMap;
+    importMapChunks.push(importMapScriptStart);
+    importMapChunks.push(
+      stringToChunk(
+        escapeBootstrapAndImportMapScriptContent(JSON.stringify(map))
+      )
+    );
+    importMapChunks.push(importMapScriptEnd);
+  }
+
+  var renderState = {
+    placeholderPrefix: stringToPrecomputedChunk(idPrefix + "P:"),
+    segmentPrefix: stringToPrecomputedChunk(idPrefix + "S:"),
+    boundaryPrefix: stringToPrecomputedChunk(idPrefix + "B:"),
+    startInlineScript: inlineScriptWithNonce,
+    htmlChunks: null,
+    headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
-    idPrefix: idPrefix,
-    nextFormID: 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(),
+    charsetChunks: [],
+    preconnectChunks: [],
+    importMapChunks: importMapChunks,
+    preloadChunks: [],
+    hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
     fontPreloads: new Set(),
@@ -2053,7 +2024,12 @@ function createResumableState(
     stylePrecedences: new Map(),
     bootstrapScripts: new Set(),
     scripts: new Set(),
-    bulkPreloads: new Set()
+    bulkPreloads: new Set(),
+    preloadsMap: new Map(),
+    nonce: nonce,
+    // like a module global for currently rendering boundary
+    boundaryResources: null,
+    stylesToHoist: false
   };
 
   if (bootstrapScripts !== undefined) {
@@ -2071,6 +2047,7 @@ function createResumableState(
           : "";
       preloadBootstrapScript(
         resumableState,
+        renderState,
         src,
         nonce,
         integrity,
@@ -2125,6 +2102,7 @@ function createResumableState(
 
       preloadBootstrapModule(
         resumableState,
+        renderState,
         _src,
         nonce,
         _integrity,
@@ -2160,7 +2138,32 @@ function createResumableState(
     }
   }
 
-  return resumableState;
+  return renderState;
+}
+function createResumableState(identifierPrefix, externalRuntimeConfig) {
+  var idPrefix = identifierPrefix === undefined ? "" : identifierPrefix;
+  var streamingFormat = ScriptStreamingFormat;
+
+  {
+    if (externalRuntimeConfig !== undefined) {
+      streamingFormat = DataStreamingFormat;
+    }
+  }
+
+  return {
+    idPrefix: idPrefix,
+    nextFormID: 0,
+    streamingFormat: streamingFormat,
+    instructions: NothingSent,
+    hasBody: false,
+    hasHtml: false,
+    // @TODO add bootstrap script to implicit preloads
+    // persistent
+    preloadsMap: {},
+    preconnectsMap: {},
+    stylesMap: {},
+    scriptsMap: {}
+  };
 } // 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.
@@ -3706,39 +3709,43 @@ function pushLink(
         return pushLinkImpl(target, props);
       } else {
         // This stylesheet refers to a Resource and we create a new one if necessary
-        var resource = resumableState.stylesMap.get(key);
+        var stylesInPrecedence = renderState.precedences.get(precedence);
 
-        if (!resource) {
+        if (!resumableState.stylesMap.hasOwnProperty(key)) {
           var resourceProps = stylesheetPropsFromRawProps(props);
-          var preloadResource = resumableState.preloadsMap.get(key);
           var state = NoState;
 
-          if (preloadResource) {
-            // If we already had a preload we don't want that resource to flush directly.
-            // We let the newly created resource govern flushing.
-            preloadResource.state |= Blocked;
-            adoptPreloadPropsForStylesheetProps(
-              resourceProps,
-              preloadResource.props
-            );
+          if (resumableState.preloadsMap.hasOwnProperty(key)) {
+            var preloadProps = resumableState.preloadsMap[key];
+            adoptPreloadPropsForStylesheetProps(resourceProps, preloadProps);
+            var preloadResource = renderState.preloadsMap.get(key);
 
-            if (preloadResource.state & Flushed) {
+            if (preloadResource) {
+              // If we already had a preload we don't want that resource to flush directly.
+              // We let the newly created resource govern flushing.
+              preloadResource.state |= Blocked;
+
+              if (preloadResource.state & Flushed) {
+                state = PreloadFlushed;
+              }
+            } else {
+              // If we resumed then we assume that this was already flushed
+              // by the shell.
               state = PreloadFlushed;
             }
           }
 
-          resource = {
+          var resource = {
             type: "stylesheet",
             chunks: [],
             state: state,
             props: resourceProps
           };
-          resumableState.stylesMap.set(key, resource);
-          var precedenceSet = resumableState.precedences.get(precedence);
+          resumableState.stylesMap[key] = null;
 
-          if (!precedenceSet) {
-            precedenceSet = new Set();
-            resumableState.precedences.set(precedence, precedenceSet);
+          if (!stylesInPrecedence) {
+            stylesInPrecedence = new Map();
+            renderState.precedences.set(precedence, stylesInPrecedence);
             var emptyStyleResource = {
               type: "style",
               chunks: [],
@@ -3748,10 +3755,10 @@ function pushLink(
                 hrefs: []
               }
             };
-            precedenceSet.add(emptyStyleResource);
+            stylesInPrecedence.set("", emptyStyleResource);
 
             {
-              if (resumableState.stylePrecedences.has(precedence)) {
+              if (renderState.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
@@ -3759,14 +3766,29 @@ function pushLink(
               }
             }
 
-            resumableState.stylePrecedences.set(precedence, emptyStyleResource);
+            renderState.stylePrecedences.set(precedence, emptyStyleResource);
           }
 
-          precedenceSet.add(resource);
-        }
+          stylesInPrecedence.set(key, resource);
 
-        if (renderState.boundaryResources) {
-          renderState.boundaryResources.add(resource);
+          if (renderState.boundaryResources) {
+            renderState.boundaryResources.add(resource);
+          }
+        } else {
+          // We need to track whether this boundary should wait on this resource or not.
+          // Typically this resource should always exist since we either had it or just created
+          // it. However, it's possible when you resume that the style has already been emitted
+          // and then it wouldn't be recreated in the RenderState and there's no need to track
+          // it again since we should've hoisted it to the shell already.
+          if (stylesInPrecedence) {
+            var _resource = stylesInPrecedence.get(key);
+
+            if (_resource) {
+              if (renderState.boundaryResources) {
+                renderState.boundaryResources.add(_resource);
+              }
+            }
+          }
         }
 
         if (textEmbedded) {
@@ -3901,11 +3923,9 @@ function pushStyle(
     }
 
     var key = getResourceKey("style", href);
-    var resource = resumableState.stylesMap.get(key);
-
-    if (!resource) {
-      resource = resumableState.stylePrecedences.get(precedence);
+    var resource = renderState.stylePrecedences.get(precedence);
 
+    if (!resumableState.stylesMap.hasOwnProperty(key)) {
       if (!resource) {
         resource = {
           type: "style",
@@ -3916,12 +3936,12 @@ function pushStyle(
             hrefs: [href]
           }
         };
-        resumableState.stylePrecedences.set(precedence, resource);
-        var precedenceSet = new Set();
-        precedenceSet.add(resource);
+        renderState.stylePrecedences.set(precedence, resource);
+        var stylesInPrecedence = new Map();
+        stylesInPrecedence.set("", resource);
 
         {
-          if (resumableState.precedences.has(precedence)) {
+          if (renderState.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
@@ -3929,18 +3949,24 @@ function pushStyle(
           }
         }
 
-        resumableState.precedences.set(precedence, precedenceSet);
+        renderState.precedences.set(precedence, stylesInPrecedence);
       } else {
         resource.props.hrefs.push(href);
       }
 
-      resumableState.stylesMap.set(key, resource);
+      resumableState.stylesMap[key] = null;
+      pushStyleContents(resource.chunks, props);
+    }
 
+    if (resource) {
+      // We need to track whether this boundary should wait on this resource or not.
+      // Typically this resource should always exist since we either had it or just created
+      // it. However, it's possible when you resume that the style has already been emitted
+      // and then it wouldn't be recreated in the RenderState and there's no need to track
+      // it again since we should've hoisted it to the shell already.
       if (renderState.boundaryResources) {
         renderState.boundaryResources.add(resource);
       }
-
-      pushStyleContents(resource.chunks, props);
     }
 
     if (textEmbedded) {
@@ -4062,7 +4088,13 @@ function getImagePreloadKey(href, imageSrcSet, imageSizes) {
   return getResourceKey("image", uniquePart);
 }
 
-function pushImg(target, props, resumableState, pictureTagInScope) {
+function pushImg(
+  target,
+  props,
+  resumableState,
+  renderState,
+  pictureTagInScope
+) {
   var src = props.src,
     srcSet = props.srcSet;
 
@@ -4092,41 +4124,47 @@ function pushImg(target, props, resumableState, pictureTagInScope) {
     // resumableState.
     var sizes = props.sizes;
     var key = getImagePreloadKey(src, srcSet, sizes);
-    var resource = resumableState.preloadsMap.get(key);
+    var resource;
 
-    if (!resource) {
+    if (!resumableState.preloadsMap.hasOwnProperty(key)) {
+      var preloadProps = {
+        rel: "preload",
+        as: "image",
+        // There is a bug in Safari where imageSrcSet is not respected on preload links
+        // so we omit the href here if we have imageSrcSet b/c safari will load the wrong image.
+        // This harms older browers that do not support imageSrcSet by making their preloads not work
+        // but this population is shrinking fast and is already small so we accept this tradeoff.
+        href: srcSet ? undefined : src,
+        imageSrcSet: srcSet,
+        imageSizes: sizes,
+        crossOrigin: props.crossOrigin,
+        integrity: props.integrity,
+        type: props.type,
+        fetchPriority: props.fetchPriority,
+        referrerPolicy: props.referrerPolicy
+      };
       resource = {
         type: "preload",
         chunks: [],
         state: NoState,
-        props: {
-          rel: "preload",
-          as: "image",
-          // There is a bug in Safari where imageSrcSet is not respected on preload links
-          // so we omit the href here if we have imageSrcSet b/c safari will load the wrong image.
-          // This harms older browers that do not support imageSrcSet by making their preloads not work
-          // but this population is shrinking fast and is already small so we accept this tradeoff.
-          href: srcSet ? undefined : src,
-          imageSrcSet: srcSet,
-          imageSizes: sizes,
-          crossOrigin: props.crossOrigin,
-          integrity: props.integrity,
-          type: props.type,
-          fetchPriority: props.fetchPriority,
-          referrerPolicy: props.referrerPolicy
-        }
+        props: preloadProps
       };
-      resumableState.preloadsMap.set(key, resource);
-      pushLinkImpl(resource.chunks, resource.props);
+      resumableState.preloadsMap[key] = preloadProps;
+      renderState.preloadsMap.set(key, resource);
+      pushLinkImpl(resource.chunks, preloadProps);
+    } else {
+      resource = renderState.preloadsMap.get(key);
     }
 
-    if (
-      props.fetchPriority === "high" ||
-      resumableState.highImagePreloads.size < 10
-    ) {
-      resumableState.highImagePreloads.add(resource);
-    } else {
-      resumableState.bulkPreloads.add(resource);
+    if (resource) {
+      if (
+        props.fetchPriority === "high" ||
+        renderState.highImagePreloads.size < 10
+      ) {
+        renderState.highImagePreloads.add(resource);
+      } else {
+        renderState.bulkPreloads.add(resource);
+      }
     }
   }
 
@@ -4344,6 +4382,7 @@ function pushScript(
   target,
   props,
   resumableState,
+  renderState,
   textEmbedded,
   insertionMode,
   noscriptTagInScope
@@ -4372,27 +4411,29 @@ function pushScript(
     var src = props.src;
     var key = getResourceKey("script", src); // We can make this <script> into a ScriptResource
 
-    var resource = resumableState.scriptsMap.get(key);
-
-    if (!resource) {
-      resource = {
+    if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+      var resource = {
         type: "script",
         chunks: [],
         state: NoState,
         props: null
       };
-      resumableState.scriptsMap.set(key, resource); // Add to the script flushing queue
+      resumableState.scriptsMap[key] = null; // Add to the script flushing queue
 
-      resumableState.scripts.add(resource);
+      renderState.scripts.add(resource);
       var scriptProps = props;
-      var preloadResource = resumableState.preloadsMap.get(key);
 
-      if (preloadResource) {
-        // If we already had a preload we don't want that resource to flush directly.
-        // We let the newly created resource govern flushing.
-        preloadResource.state |= Blocked;
+      if (resumableState.preloadsMap.hasOwnProperty(key)) {
+        var preloadProps = resumableState.preloadsMap[key];
         scriptProps = assign({}, props);
-        adoptPreloadPropsForScriptProps(scriptProps, preloadResource.props);
+        adoptPreloadPropsForScriptProps(scriptProps, preloadProps);
+        var preloadResource = renderState.preloadsMap.get(key);
+
+        if (preloadResource) {
+          // If we already had a preload we don't want that resource to flush directly.
+          // We let the newly created resource govern flushing.
+          preloadResource.state |= Blocked;
+        }
       } // encode the tag as Chunks
 
       pushScriptImpl(resource.chunks, scriptProps);
@@ -4790,6 +4831,7 @@ function pushStartInstance(
         target,
         props,
         resumableState,
+        renderState,
         textEmbedded,
         formatContext.insertionMode,
         !!(formatContext.tagScope & NOSCRIPT_SCOPE)
@@ -4827,6 +4869,7 @@ function pushStartInstance(
         target,
         props,
         resumableState,
+        renderState,
         !!(formatContext.tagScope & PICTURE_SCOPE)
       );
     }
@@ -4946,8 +4989,8 @@ function pushEndInstance(target, type, props, resumableState, formatContext) {
   target.push(endTag1, stringToChunk(type), endTag2);
 }
 
-function writeBootstrap(destination, resumableState) {
-  var bootstrapChunks = resumableState.bootstrapChunks;
+function writeBootstrap(destination, renderState) {
+  var bootstrapChunks = renderState.bootstrapChunks;
   var i = 0;
 
   for (; i < bootstrapChunks.length - 1; i++) {
@@ -4963,8 +5006,8 @@ function writeBootstrap(destination, resumableState) {
   return true;
 }
 
-function writeCompletedRoot(destination, resumableState) {
-  return writeBootstrap(destination, resumableState);
+function writeCompletedRoot(destination, renderState) {
+  return writeBootstrap(destination, renderState);
 } // 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
@@ -5391,7 +5434,7 @@ function writeCompletedBoundaryInstruction(
     writeMore = writeChunkAndReturn(destination, completeBoundaryDataEnd);
   }
 
-  return writeBootstrap(destination, resumableState) && writeMore;
+  return writeBootstrap(destination, renderState) && writeMore;
 }
 var clientRenderScript1Full = stringToPrecomputedChunk(
   clientRenderBoundary + ';$RX("'
@@ -5681,14 +5724,14 @@ var precedenceStyleTagResource = null; // This flags let's us opt out of flushin
 
 var didFlushPrecedence = false;
 
-function flushStyleInPreamble(resource, key, set) {
+function flushStyleInPreamble(resource, key, map) {
   var chunks = resource.chunks;
 
   if (resource.state & Flushed) {
     // In theory this should never happen because we clear from the
     // Set on flush but to ensure correct semantics we don't emit
     // anything if we are in this state.
-    set.delete(resource);
+    map.delete(key);
   } else {
     // We can emit this style or stylesheet as is.
     if (resource.type === "style") {
@@ -5718,10 +5761,10 @@ var spaceSeparator = stringToPrecomputedChunk(" ");
 var styleTagResourceOpen3 = stringToPrecomputedChunk('">');
 var styleTagResourceClose = stringToPrecomputedChunk("</style>");
 
-function flushAllStylesInPreamble(set, precedence) {
+function flushAllStylesInPreamble(map, precedence) {
   didFlushPrecedence = false;
-  set.forEach(flushStyleInPreamble, this);
-  set.clear();
+  map.forEach(flushStyleInPreamble, this);
+  map.clear();
   var chunks = precedenceStyleTagResource.chunks;
   var hrefs = precedenceStyleTagResource.props.hrefs;
 
@@ -5782,9 +5825,9 @@ function preloadLateStyle(resource) {
   chunks.length = 0;
 }
 
-function preloadLateStyles(set, precedence) {
-  set.forEach(preloadLateStyle, this);
-  set.clear();
+function preloadLateStyles(map, precedence) {
+  map.forEach(preloadLateStyle, this);
+  map.clear();
 } // We don't bother reporting backpressure at the moment because we expect to
 // flush the entire preamble in a single pass. This probably should be modified
 // in the future to be backpressure sensitive but that requires a larger refactor
@@ -5797,16 +5840,16 @@ function writePreamble(
   willFlushAllSegments
 ) {
   // This function must be called exactly once on every request
-  if (!willFlushAllSegments && resumableState.externalRuntimeScript) {
+  if (!willFlushAllSegments && renderState.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 _resumableState$exter = resumableState.externalRuntimeScript,
-      src = _resumableState$exter.src,
-      chunks = _resumableState$exter.chunks;
-    internalPreinitScript(resumableState, src, chunks);
+    var _renderState$external = renderState.externalRuntimeScript,
+      src = _renderState$external.src,
+      chunks = _renderState$external.chunks;
+    internalPreinitScript(resumableState, renderState, src, chunks);
   }
 
   var htmlChunks = renderState.htmlChunks;
@@ -5843,8 +5886,8 @@ function writePreamble(
 
   charsetChunks.length = 0; // emit preconnect resources
 
-  resumableState.preconnects.forEach(flushResourceInPreamble, destination);
-  resumableState.preconnects.clear();
+  renderState.preconnects.forEach(flushResourceInPreamble, destination);
+  renderState.preconnects.clear();
   var preconnectChunks = renderState.preconnectChunks;
 
   for (i = 0; i < preconnectChunks.length; i++) {
@@ -5852,15 +5895,12 @@ function writePreamble(
   }
 
   preconnectChunks.length = 0;
-  resumableState.fontPreloads.forEach(flushResourceInPreamble, destination);
-  resumableState.fontPreloads.clear();
-  resumableState.highImagePreloads.forEach(
-    flushResourceInPreamble,
-    destination
-  );
-  resumableState.highImagePreloads.clear(); // Flush unblocked stylesheets by precedence
+  renderState.fontPreloads.forEach(flushResourceInPreamble, destination);
+  renderState.fontPreloads.clear();
+  renderState.highImagePreloads.forEach(flushResourceInPreamble, destination);
+  renderState.highImagePreloads.clear(); // Flush unblocked stylesheets by precedence
 
-  resumableState.precedences.forEach(flushAllStylesInPreamble, destination);
+  renderState.precedences.forEach(flushAllStylesInPreamble, destination);
   var importMapChunks = renderState.importMapChunks;
 
   for (i = 0; i < importMapChunks.length; i++) {
@@ -5868,11 +5908,11 @@ function writePreamble(
   }
 
   importMapChunks.length = 0;
-  resumableState.bootstrapScripts.forEach(flushResourceInPreamble, destination);
-  resumableState.scripts.forEach(flushResourceInPreamble, destination);
-  resumableState.scripts.clear();
-  resumableState.bulkPreloads.forEach(flushResourceInPreamble, destination);
-  resumableState.bulkPreloads.clear(); // Write embedding preloadChunks
+  renderState.bootstrapScripts.forEach(flushResourceInPreamble, destination);
+  renderState.scripts.forEach(flushResourceInPreamble, destination);
+  renderState.scripts.clear();
+  renderState.bulkPreloads.forEach(flushResourceInPreamble, destination);
+  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
 
   var preloadChunks = renderState.preloadChunks;
 
@@ -5910,8 +5950,8 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  resumableState.preconnects.forEach(flushResourceLate, destination);
-  resumableState.preconnects.clear();
+  renderState.preconnects.forEach(flushResourceLate, destination);
+  renderState.preconnects.clear();
   var preconnectChunks = renderState.preconnectChunks;
 
   for (i = 0; i < preconnectChunks.length; i++) {
@@ -5919,26 +5959,23 @@ function writeHoistables(destination, resumableState, renderState) {
   }
 
   preconnectChunks.length = 0;
-  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
+  renderState.fontPreloads.forEach(flushResourceLate, destination);
+  renderState.fontPreloads.clear();
+  renderState.highImagePreloads.forEach(flushResourceInPreamble, destination);
+  renderState.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
 
-  resumableState.precedences.forEach(preloadLateStyles, destination); // We only hoist importmaps that are configured through createResponse and that will
+  renderState.precedences.forEach(preloadLateStyles, destination); // We only hoist importmaps that are configured through createResponse and that will
   // always flush in the preamble. Generally we don't expect people to render them as
   // tags when using React but if you do they are going to be treated like regular inline
   // scripts and flush after other hoistables which is problematic
   // bootstrap scripts should flush above script priority but these can only flush in the preamble
   // so we elide the code here for performance
 
-  resumableState.scripts.forEach(flushResourceLate, destination);
-  resumableState.scripts.clear();
-  resumableState.bulkPreloads.forEach(flushResourceLate, destination);
-  resumableState.bulkPreloads.clear(); // Write embedding preloadChunks
+  renderState.scripts.forEach(flushResourceLate, destination);
+  renderState.scripts.clear();
+  renderState.bulkPreloads.forEach(flushResourceLate, destination);
+  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
 
   var preloadChunks = renderState.preloadChunks;
 
@@ -6428,26 +6465,26 @@ function prefetchDNS(href) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (typeof href === "string" && href) {
     var key = getResourceKey("prefetchDNS", href);
-    var resource = resumableState.preconnectsMap.get(key);
 
-    if (!resource) {
-      resource = {
+    if (!resumableState.preconnectsMap.hasOwnProperty(key)) {
+      var resource = {
         type: "preconnect",
         chunks: [],
         state: NoState,
         props: null
       };
-      resumableState.preconnectsMap.set(key, resource);
+      resumableState.preconnectsMap[key] = null;
       pushLinkImpl(resource.chunks, {
         href: href,
         rel: "dns-prefetch"
       });
+      renderState.preconnects.add(resource);
     }
 
-    resumableState.preconnects.add(resource);
     flushResources(request);
   }
 }
@@ -6465,6 +6502,7 @@ function preconnect(href, crossOrigin) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (typeof href === "string" && href) {
     var key =
@@ -6472,24 +6510,23 @@ function preconnect(href, crossOrigin) {
       (typeof crossOrigin === "string" ? crossOrigin : "null") +
       "]" +
       href;
-    var resource = resumableState.preconnectsMap.get(key);
 
-    if (!resource) {
-      resource = {
+    if (!resumableState.preconnectsMap.hasOwnProperty(key)) {
+      var resource = {
         type: "preconnect",
         chunks: [],
         state: NoState,
         props: null
       };
-      resumableState.preconnectsMap.set(key, resource);
+      resumableState.preconnectsMap[key] = null;
       pushLinkImpl(resource.chunks, {
         rel: "preconnect",
         href: href,
         crossOrigin: crossOrigin
       });
+      renderState.preconnects.add(resource);
     }
 
-    resumableState.preconnects.add(resource);
     flushResources(request);
   }
 }
@@ -6507,6 +6544,7 @@ function preload(href, as, options) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (as && href) {
     options = options || {};
@@ -6521,9 +6559,7 @@ function preload(href, as, options) {
       key = getResourceKey(as, href);
     }
 
-    var resource = resumableState.preloadsMap.get(key);
-
-    if (!resource) {
+    if (!resumableState.preloadsMap.hasOwnProperty(key)) {
       var props = assign(
         {
           rel: "preload",
@@ -6533,22 +6569,23 @@ function preload(href, as, options) {
         options
       );
 
-      resource = {
+      var resource = {
         type: "preload",
         chunks: [],
         state: NoState,
         props: props
       };
-      resumableState.preloadsMap.set(key, resource);
-      pushLinkImpl(resource.chunks, resource.props);
-    }
+      resumableState.preloadsMap[key] = props;
+      renderState.preloadsMap.set(key, resource);
+      pushLinkImpl(resource.chunks, props);
 
-    if (as === "font") {
-      resumableState.fontPreloads.add(resource);
-    } else if (as === "image" && resource.props.fetchPriority === "high") {
-      resumableState.highImagePreloads.add(resource);
-    } else {
-      resumableState.bulkPreloads.add(resource);
+      if (as === "font") {
+        renderState.fontPreloads.add(resource);
+      } else if (as === "image" && resource.props.fetchPriority === "high") {
+        renderState.highImagePreloads.add(resource);
+      } else {
+        renderState.bulkPreloads.add(resource);
+      }
     }
 
     flushResources(request);
@@ -6568,32 +6605,33 @@ function preloadModule(href, options) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (href) {
     var as = options && typeof options.as === "string" ? options.as : "script";
     var key = getResourceKey(as, href);
-    var resource = resumableState.preloadsMap.get(key);
 
-    var props = assign(
-      {
-        rel: "modulepreload",
-        href: href
-      },
-      options
-    );
+    if (!resumableState.preloadsMap.hasOwnProperty(key)) {
+      var props = assign(
+        {
+          rel: "modulepreload",
+          href: href
+        },
+        options
+      );
 
-    if (!resource) {
-      resource = {
+      var resource = {
         type: "preload",
         chunks: [],
         state: NoState,
         props: props
       };
-      resumableState.preloadsMap.set(key, resource);
+      resumableState.preloadsMap[key] = props;
+      renderState.preloadsMap.set(key, resource);
       pushLinkImpl(resource.chunks, resource.props);
+      renderState.bulkPreloads.add(resource);
     }
 
-    resumableState.bulkPreloads.add(resource);
     flushResources(request);
   }
 }
@@ -6611,19 +6649,23 @@ function preinitStyle(href, precedence, options) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (href) {
     var as = "style";
     var key = getResourceKey(as, href);
-    var resource = resumableState.stylesMap.get(key);
 
-    if (!resource) {
+    if (!resumableState.stylesMap.hasOwnProperty(key)) {
       precedence = precedence || "default";
       var state = NoState;
-      var preloadResource = resumableState.preloadsMap.get(key);
+      var preloadResource = renderState.preloadsMap.get(key);
 
       if (preloadResource && preloadResource.state & Flushed) {
         state = PreloadFlushed;
+      } else if (resumableState.preloadsMap.hasOwnProperty(key)) {
+        // If we resumed then we assume that this was already flushed
+        // by the shell.
+        state = PreloadFlushed;
       }
 
       var props = assign(
@@ -6635,18 +6677,18 @@ function preinitStyle(href, precedence, options) {
         options
       );
 
-      resource = {
+      var resource = {
         type: "stylesheet",
         chunks: [],
         state: state,
         props: props
       };
-      resumableState.stylesMap.set(key, resource);
-      var precedenceSet = resumableState.precedences.get(precedence);
+      resumableState.stylesMap[key] = null;
+      var stylesInPrecedence = renderState.precedences.get(precedence);
 
-      if (!precedenceSet) {
-        precedenceSet = new Set();
-        resumableState.precedences.set(precedence, precedenceSet);
+      if (!stylesInPrecedence) {
+        stylesInPrecedence = new Map();
+        renderState.precedences.set(precedence, stylesInPrecedence);
         var emptyStyleResource = {
           type: "style",
           chunks: [],
@@ -6656,10 +6698,10 @@ function preinitStyle(href, precedence, options) {
             hrefs: []
           }
         };
-        precedenceSet.add(emptyStyleResource);
+        stylesInPrecedence.set("", emptyStyleResource);
 
         {
-          if (resumableState.stylePrecedences.has(precedence)) {
+          if (renderState.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
@@ -6667,10 +6709,10 @@ function preinitStyle(href, precedence, options) {
           }
         }
 
-        resumableState.stylePrecedences.set(precedence, emptyStyleResource);
+        renderState.stylePrecedences.set(precedence, emptyStyleResource);
       }
 
-      precedenceSet.add(resource);
+      stylesInPrecedence.set(key, resource);
       flushResources(request);
     }
 
@@ -6691,19 +6733,19 @@ function preinitScript(src, options) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (src) {
     var key = getResourceKey("script", src);
-    var resource = resumableState.scriptsMap.get(key);
 
-    if (!resource) {
-      resource = {
+    if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+      var resource = {
         type: "script",
         chunks: [],
         state: NoState,
         props: null
       };
-      resumableState.scriptsMap.set(key, resource);
+      resumableState.scriptsMap[key] = null;
 
       var props = assign(
         {
@@ -6713,7 +6755,7 @@ function preinitScript(src, options) {
         options
       );
 
-      resumableState.scripts.add(resource);
+      renderState.scripts.add(resource);
       pushScriptImpl(resource.chunks, props);
       flushResources(request);
     }
@@ -6735,19 +6777,19 @@ function preinitModuleScript(src, options) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (src) {
     var key = getResourceKey("script", src);
-    var resource = resumableState.scriptsMap.get(key);
 
-    if (!resource) {
-      resource = {
+    if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+      var resource = {
         type: "script",
         chunks: [],
         state: NoState,
         props: null
       };
-      resumableState.scriptsMap.set(key, resource);
+      resumableState.scriptsMap[key] = null;
 
       var props = assign(
         {
@@ -6758,7 +6800,7 @@ function preinitModuleScript(src, options) {
         options
       );
 
-      resumableState.scripts.add(resource);
+      renderState.scripts.add(resource);
       pushScriptImpl(resource.chunks, props);
       flushResources(request);
     }
@@ -6772,6 +6814,7 @@ function preinitModuleScript(src, options) {
 
 function preloadBootstrapScript(
   resumableState,
+  renderState,
   src,
   nonce,
   integrity,
@@ -6780,7 +6823,7 @@ function preloadBootstrapScript(
   var key = getResourceKey("script", src);
 
   {
-    if (resumableState.preloadsMap.has(key)) {
+    if (resumableState.preloadsMap.hasOwnProperty(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
@@ -6806,8 +6849,9 @@ function preloadBootstrapScript(
     state: NoState,
     props: props
   };
-  resumableState.preloadsMap.set(key, resource);
-  resumableState.bootstrapScripts.add(resource);
+  resumableState.preloadsMap[key] = props;
+  renderState.preloadsMap.set(key, resource);
+  renderState.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
@@ -6816,6 +6860,7 @@ function preloadBootstrapScript(
 
 function preloadBootstrapModule(
   resumableState,
+  renderState,
   src,
   nonce,
   integrity,
@@ -6824,7 +6869,7 @@ function preloadBootstrapModule(
   var key = getResourceKey("script", src);
 
   {
-    if (resumableState.preloadsMap.has(key)) {
+    if (resumableState.preloadsMap.hasOwnProperty(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
@@ -6849,25 +6894,25 @@ function preloadBootstrapModule(
     state: NoState,
     props: props
   };
-  resumableState.preloadsMap.set(key, resource);
-  resumableState.bootstrapScripts.add(resource);
+  resumableState.preloadsMap[key] = props;
+  renderState.preloadsMap.set(key, resource);
+  renderState.bootstrapScripts.add(resource);
   pushLinkImpl(resource.chunks, props);
   return;
 }
 
-function internalPreinitScript(resumableState, src, chunks) {
+function internalPreinitScript(resumableState, renderState, src, chunks) {
   var key = getResourceKey("script", src);
-  var resource = resumableState.scriptsMap.get(key);
 
-  if (!resource) {
-    resource = {
+  if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+    var resource = {
       type: "script",
       chunks: chunks,
       state: NoState,
       props: null
     };
-    resumableState.scriptsMap.set(key, resource);
-    resumableState.scripts.add(resource);
+    resumableState.scriptsMap[key] = null;
+    renderState.scripts.add(resource);
   }
 
   return;
@@ -6920,8 +6965,16 @@ function hoistResources(renderState, source) {
   }
 }
 
-function createRenderState(resumableState, nonce, generateStaticMarkup) {
-  var renderState = createRenderState$1(resumableState, nonce);
+function createRenderState(resumableState, generateStaticMarkup) {
+  var renderState = createRenderState$1(
+    resumableState,
+    undefined,
+    undefined,
+    undefined,
+    undefined,
+    undefined,
+    undefined
+  );
   return {
     // Keep this in sync with ReactFizzConfigDOM
     placeholderPrefix: renderState.placeholderPrefix,
@@ -6930,11 +6983,23 @@ function createRenderState(resumableState, nonce, generateStaticMarkup) {
     startInlineScript: renderState.startInlineScript,
     htmlChunks: renderState.htmlChunks,
     headChunks: renderState.headChunks,
+    externalRuntimeScript: renderState.externalRuntimeScript,
+    bootstrapChunks: renderState.bootstrapChunks,
     charsetChunks: renderState.charsetChunks,
     preconnectChunks: renderState.preconnectChunks,
     importMapChunks: renderState.importMapChunks,
     preloadChunks: renderState.preloadChunks,
     hoistableChunks: renderState.hoistableChunks,
+    preconnects: renderState.preconnects,
+    fontPreloads: renderState.fontPreloads,
+    highImagePreloads: renderState.highImagePreloads,
+    // usedImagePreloads: renderState.usedImagePreloads,
+    precedences: renderState.precedences,
+    stylePrecedences: renderState.stylePrecedences,
+    bootstrapScripts: renderState.bootstrapScripts,
+    scripts: renderState.scripts,
+    bulkPreloads: renderState.bulkPreloads,
+    preloadsMap: renderState.preloadsMap,
     boundaryResources: renderState.boundaryResources,
     stylesToHoist: renderState.stylesToHoist,
     // This is an extra field for the legacy renderer
@@ -12917,13 +12982,15 @@ function flushCompletedQueues(request, destination) {
             destination,
             request.resumableState,
             request.renderState,
-            request.allPendingTasks === 0
+            request.allPendingTasks === 0 &&
+              (request.trackedPostpones === null ||
+                request.trackedPostpones.workingMap.size === 0)
           );
         }
 
         flushSegment(request, destination, completedRootSegment);
         request.completedRootSegment = null;
-        writeCompletedRoot(destination, request.resumableState);
+        writeCompletedRoot(destination, request.renderState);
       } else {
         // We haven't flushed the root yet so we don't need to check any other branches further down
         return;
@@ -13119,6 +13186,9 @@ function getFormState(request) {
 function getResumableState(request) {
   return request.resumableState;
 }
+function getRenderState(request) {
+  return request.renderState;
+}
 
 function onError() {
   // Non-fatal errors are ignored.
@@ -13156,16 +13226,12 @@ function renderToStringImpl(
 
   var resumableState = createResumableState(
     options ? options.identifierPrefix : undefined,
-    undefined,
-    undefined,
-    undefined,
-    undefined,
     undefined
   );
   var request = createRequest(
     children,
     resumableState,
-    createRenderState(resumableState, undefined, generateStaticMarkup),
+    createRenderState(resumableState, generateStaticMarkup),
     createRootFormatContext(),
     Infinity,
     onError,
diff --git a/compiled/facebook-www/ReactDOMServer-dev.modern.js b/compiled/facebook-www/ReactDOMServer-dev.modern.js
index 1378b4c01c..3ba8725044 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-6a0bba3f";
+var ReactVersion = "18.3.0-www-modern-016e469a";
 
 // This refers to a WWW module.
 var warningWWW = require("warning");
@@ -1931,7 +1931,15 @@ var importMapScriptEnd = stringToPrecomputedChunk("</script>"); // Allows us to
 // if passed externalRuntimeConfig and the enableFizzExternalRuntime feature flag
 // is set, the server will send instructions via data attributes (instead of inline scripts)
 
-function createRenderState$1(resumableState, nonce, importMap) {
+function createRenderState$1(
+  resumableState,
+  nonce,
+  bootstrapScriptContent,
+  bootstrapScripts,
+  bootstrapModules,
+  externalRuntimeConfig,
+  importMap
+) {
   var inlineScriptWithNonce =
     nonce === undefined
       ? startInlineScript
@@ -1939,57 +1947,10 @@ function createRenderState$1(resumableState, nonce, importMap) {
           '<script nonce="' + escapeTextForBrowser(nonce) + '">'
         );
   var idPrefix = resumableState.idPrefix;
-  var importMapChunks = [];
-
-  if (importMap !== undefined) {
-    var map = importMap;
-    importMapChunks.push(importMapScriptStart);
-    importMapChunks.push(
-      stringToChunk(
-        escapeBootstrapAndImportMapScriptContent(JSON.stringify(map))
-      )
-    );
-    importMapChunks.push(importMapScriptEnd);
-  }
-
-  return {
-    placeholderPrefix: stringToPrecomputedChunk(idPrefix + "P:"),
-    segmentPrefix: stringToPrecomputedChunk(idPrefix + "S:"),
-    boundaryPrefix: stringToPrecomputedChunk(idPrefix + "B:"),
-    startInlineScript: inlineScriptWithNonce,
-    htmlChunks: null,
-    headChunks: null,
-    charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks: importMapChunks,
-    preloadChunks: [],
-    hoistableChunks: [],
-    nonce: nonce,
-    // like a module global for currently rendering boundary
-    boundaryResources: null,
-    stylesToHoist: false
-  };
-}
-function createResumableState(
-  identifierPrefix,
-  nonce,
-  bootstrapScriptContent,
-  bootstrapScripts,
-  bootstrapModules,
-  externalRuntimeConfig
-) {
-  var idPrefix = identifierPrefix === undefined ? "" : identifierPrefix;
   var bootstrapChunks = [];
-  var streamingFormat = ScriptStreamingFormat;
   var externalRuntimeScript = null;
 
   if (bootstrapScriptContent !== undefined) {
-    var inlineScriptWithNonce =
-      nonce === undefined
-        ? startInlineScript
-        : stringToPrecomputedChunk(
-            '<script nonce="' + escapeTextForBrowser(nonce) + '">'
-          );
     bootstrapChunks.push(
       inlineScriptWithNonce,
       stringToChunk(
@@ -2001,8 +1962,6 @@ function createResumableState(
 
   {
     if (externalRuntimeConfig !== undefined) {
-      streamingFormat = DataStreamingFormat;
-
       if (typeof externalRuntimeConfig === "string") {
         externalRuntimeScript = {
           src: externalRuntimeConfig,
@@ -2029,21 +1988,33 @@ function createResumableState(
     }
   }
 
-  var resumableState = {
+  var importMapChunks = [];
+
+  if (importMap !== undefined) {
+    var map = importMap;
+    importMapChunks.push(importMapScriptStart);
+    importMapChunks.push(
+      stringToChunk(
+        escapeBootstrapAndImportMapScriptContent(JSON.stringify(map))
+      )
+    );
+    importMapChunks.push(importMapScriptEnd);
+  }
+
+  var renderState = {
+    placeholderPrefix: stringToPrecomputedChunk(idPrefix + "P:"),
+    segmentPrefix: stringToPrecomputedChunk(idPrefix + "S:"),
+    boundaryPrefix: stringToPrecomputedChunk(idPrefix + "B:"),
+    startInlineScript: inlineScriptWithNonce,
+    htmlChunks: null,
+    headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
-    idPrefix: idPrefix,
-    nextFormID: 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(),
+    charsetChunks: [],
+    preconnectChunks: [],
+    importMapChunks: importMapChunks,
+    preloadChunks: [],
+    hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
     fontPreloads: new Set(),
@@ -2053,7 +2024,12 @@ function createResumableState(
     stylePrecedences: new Map(),
     bootstrapScripts: new Set(),
     scripts: new Set(),
-    bulkPreloads: new Set()
+    bulkPreloads: new Set(),
+    preloadsMap: new Map(),
+    nonce: nonce,
+    // like a module global for currently rendering boundary
+    boundaryResources: null,
+    stylesToHoist: false
   };
 
   if (bootstrapScripts !== undefined) {
@@ -2071,6 +2047,7 @@ function createResumableState(
           : "";
       preloadBootstrapScript(
         resumableState,
+        renderState,
         src,
         nonce,
         integrity,
@@ -2125,6 +2102,7 @@ function createResumableState(
 
       preloadBootstrapModule(
         resumableState,
+        renderState,
         _src,
         nonce,
         _integrity,
@@ -2160,7 +2138,32 @@ function createResumableState(
     }
   }
 
-  return resumableState;
+  return renderState;
+}
+function createResumableState(identifierPrefix, externalRuntimeConfig) {
+  var idPrefix = identifierPrefix === undefined ? "" : identifierPrefix;
+  var streamingFormat = ScriptStreamingFormat;
+
+  {
+    if (externalRuntimeConfig !== undefined) {
+      streamingFormat = DataStreamingFormat;
+    }
+  }
+
+  return {
+    idPrefix: idPrefix,
+    nextFormID: 0,
+    streamingFormat: streamingFormat,
+    instructions: NothingSent,
+    hasBody: false,
+    hasHtml: false,
+    // @TODO add bootstrap script to implicit preloads
+    // persistent
+    preloadsMap: {},
+    preconnectsMap: {},
+    stylesMap: {},
+    scriptsMap: {}
+  };
 } // 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.
@@ -3706,39 +3709,43 @@ function pushLink(
         return pushLinkImpl(target, props);
       } else {
         // This stylesheet refers to a Resource and we create a new one if necessary
-        var resource = resumableState.stylesMap.get(key);
+        var stylesInPrecedence = renderState.precedences.get(precedence);
 
-        if (!resource) {
+        if (!resumableState.stylesMap.hasOwnProperty(key)) {
           var resourceProps = stylesheetPropsFromRawProps(props);
-          var preloadResource = resumableState.preloadsMap.get(key);
           var state = NoState;
 
-          if (preloadResource) {
-            // If we already had a preload we don't want that resource to flush directly.
-            // We let the newly created resource govern flushing.
-            preloadResource.state |= Blocked;
-            adoptPreloadPropsForStylesheetProps(
-              resourceProps,
-              preloadResource.props
-            );
+          if (resumableState.preloadsMap.hasOwnProperty(key)) {
+            var preloadProps = resumableState.preloadsMap[key];
+            adoptPreloadPropsForStylesheetProps(resourceProps, preloadProps);
+            var preloadResource = renderState.preloadsMap.get(key);
 
-            if (preloadResource.state & Flushed) {
+            if (preloadResource) {
+              // If we already had a preload we don't want that resource to flush directly.
+              // We let the newly created resource govern flushing.
+              preloadResource.state |= Blocked;
+
+              if (preloadResource.state & Flushed) {
+                state = PreloadFlushed;
+              }
+            } else {
+              // If we resumed then we assume that this was already flushed
+              // by the shell.
               state = PreloadFlushed;
             }
           }
 
-          resource = {
+          var resource = {
             type: "stylesheet",
             chunks: [],
             state: state,
             props: resourceProps
           };
-          resumableState.stylesMap.set(key, resource);
-          var precedenceSet = resumableState.precedences.get(precedence);
+          resumableState.stylesMap[key] = null;
 
-          if (!precedenceSet) {
-            precedenceSet = new Set();
-            resumableState.precedences.set(precedence, precedenceSet);
+          if (!stylesInPrecedence) {
+            stylesInPrecedence = new Map();
+            renderState.precedences.set(precedence, stylesInPrecedence);
             var emptyStyleResource = {
               type: "style",
               chunks: [],
@@ -3748,10 +3755,10 @@ function pushLink(
                 hrefs: []
               }
             };
-            precedenceSet.add(emptyStyleResource);
+            stylesInPrecedence.set("", emptyStyleResource);
 
             {
-              if (resumableState.stylePrecedences.has(precedence)) {
+              if (renderState.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
@@ -3759,14 +3766,29 @@ function pushLink(
               }
             }
 
-            resumableState.stylePrecedences.set(precedence, emptyStyleResource);
+            renderState.stylePrecedences.set(precedence, emptyStyleResource);
           }
 
-          precedenceSet.add(resource);
-        }
+          stylesInPrecedence.set(key, resource);
 
-        if (renderState.boundaryResources) {
-          renderState.boundaryResources.add(resource);
+          if (renderState.boundaryResources) {
+            renderState.boundaryResources.add(resource);
+          }
+        } else {
+          // We need to track whether this boundary should wait on this resource or not.
+          // Typically this resource should always exist since we either had it or just created
+          // it. However, it's possible when you resume that the style has already been emitted
+          // and then it wouldn't be recreated in the RenderState and there's no need to track
+          // it again since we should've hoisted it to the shell already.
+          if (stylesInPrecedence) {
+            var _resource = stylesInPrecedence.get(key);
+
+            if (_resource) {
+              if (renderState.boundaryResources) {
+                renderState.boundaryResources.add(_resource);
+              }
+            }
+          }
         }
 
         if (textEmbedded) {
@@ -3901,11 +3923,9 @@ function pushStyle(
     }
 
     var key = getResourceKey("style", href);
-    var resource = resumableState.stylesMap.get(key);
-
-    if (!resource) {
-      resource = resumableState.stylePrecedences.get(precedence);
+    var resource = renderState.stylePrecedences.get(precedence);
 
+    if (!resumableState.stylesMap.hasOwnProperty(key)) {
       if (!resource) {
         resource = {
           type: "style",
@@ -3916,12 +3936,12 @@ function pushStyle(
             hrefs: [href]
           }
         };
-        resumableState.stylePrecedences.set(precedence, resource);
-        var precedenceSet = new Set();
-        precedenceSet.add(resource);
+        renderState.stylePrecedences.set(precedence, resource);
+        var stylesInPrecedence = new Map();
+        stylesInPrecedence.set("", resource);
 
         {
-          if (resumableState.precedences.has(precedence)) {
+          if (renderState.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
@@ -3929,18 +3949,24 @@ function pushStyle(
           }
         }
 
-        resumableState.precedences.set(precedence, precedenceSet);
+        renderState.precedences.set(precedence, stylesInPrecedence);
       } else {
         resource.props.hrefs.push(href);
       }
 
-      resumableState.stylesMap.set(key, resource);
+      resumableState.stylesMap[key] = null;
+      pushStyleContents(resource.chunks, props);
+    }
 
+    if (resource) {
+      // We need to track whether this boundary should wait on this resource or not.
+      // Typically this resource should always exist since we either had it or just created
+      // it. However, it's possible when you resume that the style has already been emitted
+      // and then it wouldn't be recreated in the RenderState and there's no need to track
+      // it again since we should've hoisted it to the shell already.
       if (renderState.boundaryResources) {
         renderState.boundaryResources.add(resource);
       }
-
-      pushStyleContents(resource.chunks, props);
     }
 
     if (textEmbedded) {
@@ -4062,7 +4088,13 @@ function getImagePreloadKey(href, imageSrcSet, imageSizes) {
   return getResourceKey("image", uniquePart);
 }
 
-function pushImg(target, props, resumableState, pictureTagInScope) {
+function pushImg(
+  target,
+  props,
+  resumableState,
+  renderState,
+  pictureTagInScope
+) {
   var src = props.src,
     srcSet = props.srcSet;
 
@@ -4092,41 +4124,47 @@ function pushImg(target, props, resumableState, pictureTagInScope) {
     // resumableState.
     var sizes = props.sizes;
     var key = getImagePreloadKey(src, srcSet, sizes);
-    var resource = resumableState.preloadsMap.get(key);
+    var resource;
 
-    if (!resource) {
+    if (!resumableState.preloadsMap.hasOwnProperty(key)) {
+      var preloadProps = {
+        rel: "preload",
+        as: "image",
+        // There is a bug in Safari where imageSrcSet is not respected on preload links
+        // so we omit the href here if we have imageSrcSet b/c safari will load the wrong image.
+        // This harms older browers that do not support imageSrcSet by making their preloads not work
+        // but this population is shrinking fast and is already small so we accept this tradeoff.
+        href: srcSet ? undefined : src,
+        imageSrcSet: srcSet,
+        imageSizes: sizes,
+        crossOrigin: props.crossOrigin,
+        integrity: props.integrity,
+        type: props.type,
+        fetchPriority: props.fetchPriority,
+        referrerPolicy: props.referrerPolicy
+      };
       resource = {
         type: "preload",
         chunks: [],
         state: NoState,
-        props: {
-          rel: "preload",
-          as: "image",
-          // There is a bug in Safari where imageSrcSet is not respected on preload links
-          // so we omit the href here if we have imageSrcSet b/c safari will load the wrong image.
-          // This harms older browers that do not support imageSrcSet by making their preloads not work
-          // but this population is shrinking fast and is already small so we accept this tradeoff.
-          href: srcSet ? undefined : src,
-          imageSrcSet: srcSet,
-          imageSizes: sizes,
-          crossOrigin: props.crossOrigin,
-          integrity: props.integrity,
-          type: props.type,
-          fetchPriority: props.fetchPriority,
-          referrerPolicy: props.referrerPolicy
-        }
+        props: preloadProps
       };
-      resumableState.preloadsMap.set(key, resource);
-      pushLinkImpl(resource.chunks, resource.props);
+      resumableState.preloadsMap[key] = preloadProps;
+      renderState.preloadsMap.set(key, resource);
+      pushLinkImpl(resource.chunks, preloadProps);
+    } else {
+      resource = renderState.preloadsMap.get(key);
     }
 
-    if (
-      props.fetchPriority === "high" ||
-      resumableState.highImagePreloads.size < 10
-    ) {
-      resumableState.highImagePreloads.add(resource);
-    } else {
-      resumableState.bulkPreloads.add(resource);
+    if (resource) {
+      if (
+        props.fetchPriority === "high" ||
+        renderState.highImagePreloads.size < 10
+      ) {
+        renderState.highImagePreloads.add(resource);
+      } else {
+        renderState.bulkPreloads.add(resource);
+      }
     }
   }
 
@@ -4344,6 +4382,7 @@ function pushScript(
   target,
   props,
   resumableState,
+  renderState,
   textEmbedded,
   insertionMode,
   noscriptTagInScope
@@ -4372,27 +4411,29 @@ function pushScript(
     var src = props.src;
     var key = getResourceKey("script", src); // We can make this <script> into a ScriptResource
 
-    var resource = resumableState.scriptsMap.get(key);
-
-    if (!resource) {
-      resource = {
+    if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+      var resource = {
         type: "script",
         chunks: [],
         state: NoState,
         props: null
       };
-      resumableState.scriptsMap.set(key, resource); // Add to the script flushing queue
+      resumableState.scriptsMap[key] = null; // Add to the script flushing queue
 
-      resumableState.scripts.add(resource);
+      renderState.scripts.add(resource);
       var scriptProps = props;
-      var preloadResource = resumableState.preloadsMap.get(key);
 
-      if (preloadResource) {
-        // If we already had a preload we don't want that resource to flush directly.
-        // We let the newly created resource govern flushing.
-        preloadResource.state |= Blocked;
+      if (resumableState.preloadsMap.hasOwnProperty(key)) {
+        var preloadProps = resumableState.preloadsMap[key];
         scriptProps = assign({}, props);
-        adoptPreloadPropsForScriptProps(scriptProps, preloadResource.props);
+        adoptPreloadPropsForScriptProps(scriptProps, preloadProps);
+        var preloadResource = renderState.preloadsMap.get(key);
+
+        if (preloadResource) {
+          // If we already had a preload we don't want that resource to flush directly.
+          // We let the newly created resource govern flushing.
+          preloadResource.state |= Blocked;
+        }
       } // encode the tag as Chunks
 
       pushScriptImpl(resource.chunks, scriptProps);
@@ -4790,6 +4831,7 @@ function pushStartInstance(
         target,
         props,
         resumableState,
+        renderState,
         textEmbedded,
         formatContext.insertionMode,
         !!(formatContext.tagScope & NOSCRIPT_SCOPE)
@@ -4827,6 +4869,7 @@ function pushStartInstance(
         target,
         props,
         resumableState,
+        renderState,
         !!(formatContext.tagScope & PICTURE_SCOPE)
       );
     }
@@ -4946,8 +4989,8 @@ function pushEndInstance(target, type, props, resumableState, formatContext) {
   target.push(endTag1, stringToChunk(type), endTag2);
 }
 
-function writeBootstrap(destination, resumableState) {
-  var bootstrapChunks = resumableState.bootstrapChunks;
+function writeBootstrap(destination, renderState) {
+  var bootstrapChunks = renderState.bootstrapChunks;
   var i = 0;
 
   for (; i < bootstrapChunks.length - 1; i++) {
@@ -4963,8 +5006,8 @@ function writeBootstrap(destination, resumableState) {
   return true;
 }
 
-function writeCompletedRoot(destination, resumableState) {
-  return writeBootstrap(destination, resumableState);
+function writeCompletedRoot(destination, renderState) {
+  return writeBootstrap(destination, renderState);
 } // 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
@@ -5391,7 +5434,7 @@ function writeCompletedBoundaryInstruction(
     writeMore = writeChunkAndReturn(destination, completeBoundaryDataEnd);
   }
 
-  return writeBootstrap(destination, resumableState) && writeMore;
+  return writeBootstrap(destination, renderState) && writeMore;
 }
 var clientRenderScript1Full = stringToPrecomputedChunk(
   clientRenderBoundary + ';$RX("'
@@ -5681,14 +5724,14 @@ var precedenceStyleTagResource = null; // This flags let's us opt out of flushin
 
 var didFlushPrecedence = false;
 
-function flushStyleInPreamble(resource, key, set) {
+function flushStyleInPreamble(resource, key, map) {
   var chunks = resource.chunks;
 
   if (resource.state & Flushed) {
     // In theory this should never happen because we clear from the
     // Set on flush but to ensure correct semantics we don't emit
     // anything if we are in this state.
-    set.delete(resource);
+    map.delete(key);
   } else {
     // We can emit this style or stylesheet as is.
     if (resource.type === "style") {
@@ -5718,10 +5761,10 @@ var spaceSeparator = stringToPrecomputedChunk(" ");
 var styleTagResourceOpen3 = stringToPrecomputedChunk('">');
 var styleTagResourceClose = stringToPrecomputedChunk("</style>");
 
-function flushAllStylesInPreamble(set, precedence) {
+function flushAllStylesInPreamble(map, precedence) {
   didFlushPrecedence = false;
-  set.forEach(flushStyleInPreamble, this);
-  set.clear();
+  map.forEach(flushStyleInPreamble, this);
+  map.clear();
   var chunks = precedenceStyleTagResource.chunks;
   var hrefs = precedenceStyleTagResource.props.hrefs;
 
@@ -5782,9 +5825,9 @@ function preloadLateStyle(resource) {
   chunks.length = 0;
 }
 
-function preloadLateStyles(set, precedence) {
-  set.forEach(preloadLateStyle, this);
-  set.clear();
+function preloadLateStyles(map, precedence) {
+  map.forEach(preloadLateStyle, this);
+  map.clear();
 } // We don't bother reporting backpressure at the moment because we expect to
 // flush the entire preamble in a single pass. This probably should be modified
 // in the future to be backpressure sensitive but that requires a larger refactor
@@ -5797,16 +5840,16 @@ function writePreamble(
   willFlushAllSegments
 ) {
   // This function must be called exactly once on every request
-  if (!willFlushAllSegments && resumableState.externalRuntimeScript) {
+  if (!willFlushAllSegments && renderState.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 _resumableState$exter = resumableState.externalRuntimeScript,
-      src = _resumableState$exter.src,
-      chunks = _resumableState$exter.chunks;
-    internalPreinitScript(resumableState, src, chunks);
+    var _renderState$external = renderState.externalRuntimeScript,
+      src = _renderState$external.src,
+      chunks = _renderState$external.chunks;
+    internalPreinitScript(resumableState, renderState, src, chunks);
   }
 
   var htmlChunks = renderState.htmlChunks;
@@ -5843,8 +5886,8 @@ function writePreamble(
 
   charsetChunks.length = 0; // emit preconnect resources
 
-  resumableState.preconnects.forEach(flushResourceInPreamble, destination);
-  resumableState.preconnects.clear();
+  renderState.preconnects.forEach(flushResourceInPreamble, destination);
+  renderState.preconnects.clear();
   var preconnectChunks = renderState.preconnectChunks;
 
   for (i = 0; i < preconnectChunks.length; i++) {
@@ -5852,15 +5895,12 @@ function writePreamble(
   }
 
   preconnectChunks.length = 0;
-  resumableState.fontPreloads.forEach(flushResourceInPreamble, destination);
-  resumableState.fontPreloads.clear();
-  resumableState.highImagePreloads.forEach(
-    flushResourceInPreamble,
-    destination
-  );
-  resumableState.highImagePreloads.clear(); // Flush unblocked stylesheets by precedence
+  renderState.fontPreloads.forEach(flushResourceInPreamble, destination);
+  renderState.fontPreloads.clear();
+  renderState.highImagePreloads.forEach(flushResourceInPreamble, destination);
+  renderState.highImagePreloads.clear(); // Flush unblocked stylesheets by precedence
 
-  resumableState.precedences.forEach(flushAllStylesInPreamble, destination);
+  renderState.precedences.forEach(flushAllStylesInPreamble, destination);
   var importMapChunks = renderState.importMapChunks;
 
   for (i = 0; i < importMapChunks.length; i++) {
@@ -5868,11 +5908,11 @@ function writePreamble(
   }
 
   importMapChunks.length = 0;
-  resumableState.bootstrapScripts.forEach(flushResourceInPreamble, destination);
-  resumableState.scripts.forEach(flushResourceInPreamble, destination);
-  resumableState.scripts.clear();
-  resumableState.bulkPreloads.forEach(flushResourceInPreamble, destination);
-  resumableState.bulkPreloads.clear(); // Write embedding preloadChunks
+  renderState.bootstrapScripts.forEach(flushResourceInPreamble, destination);
+  renderState.scripts.forEach(flushResourceInPreamble, destination);
+  renderState.scripts.clear();
+  renderState.bulkPreloads.forEach(flushResourceInPreamble, destination);
+  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
 
   var preloadChunks = renderState.preloadChunks;
 
@@ -5910,8 +5950,8 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  resumableState.preconnects.forEach(flushResourceLate, destination);
-  resumableState.preconnects.clear();
+  renderState.preconnects.forEach(flushResourceLate, destination);
+  renderState.preconnects.clear();
   var preconnectChunks = renderState.preconnectChunks;
 
   for (i = 0; i < preconnectChunks.length; i++) {
@@ -5919,26 +5959,23 @@ function writeHoistables(destination, resumableState, renderState) {
   }
 
   preconnectChunks.length = 0;
-  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
+  renderState.fontPreloads.forEach(flushResourceLate, destination);
+  renderState.fontPreloads.clear();
+  renderState.highImagePreloads.forEach(flushResourceInPreamble, destination);
+  renderState.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
 
-  resumableState.precedences.forEach(preloadLateStyles, destination); // We only hoist importmaps that are configured through createResponse and that will
+  renderState.precedences.forEach(preloadLateStyles, destination); // We only hoist importmaps that are configured through createResponse and that will
   // always flush in the preamble. Generally we don't expect people to render them as
   // tags when using React but if you do they are going to be treated like regular inline
   // scripts and flush after other hoistables which is problematic
   // bootstrap scripts should flush above script priority but these can only flush in the preamble
   // so we elide the code here for performance
 
-  resumableState.scripts.forEach(flushResourceLate, destination);
-  resumableState.scripts.clear();
-  resumableState.bulkPreloads.forEach(flushResourceLate, destination);
-  resumableState.bulkPreloads.clear(); // Write embedding preloadChunks
+  renderState.scripts.forEach(flushResourceLate, destination);
+  renderState.scripts.clear();
+  renderState.bulkPreloads.forEach(flushResourceLate, destination);
+  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
 
   var preloadChunks = renderState.preloadChunks;
 
@@ -6428,26 +6465,26 @@ function prefetchDNS(href) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (typeof href === "string" && href) {
     var key = getResourceKey("prefetchDNS", href);
-    var resource = resumableState.preconnectsMap.get(key);
 
-    if (!resource) {
-      resource = {
+    if (!resumableState.preconnectsMap.hasOwnProperty(key)) {
+      var resource = {
         type: "preconnect",
         chunks: [],
         state: NoState,
         props: null
       };
-      resumableState.preconnectsMap.set(key, resource);
+      resumableState.preconnectsMap[key] = null;
       pushLinkImpl(resource.chunks, {
         href: href,
         rel: "dns-prefetch"
       });
+      renderState.preconnects.add(resource);
     }
 
-    resumableState.preconnects.add(resource);
     flushResources(request);
   }
 }
@@ -6465,6 +6502,7 @@ function preconnect(href, crossOrigin) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (typeof href === "string" && href) {
     var key =
@@ -6472,24 +6510,23 @@ function preconnect(href, crossOrigin) {
       (typeof crossOrigin === "string" ? crossOrigin : "null") +
       "]" +
       href;
-    var resource = resumableState.preconnectsMap.get(key);
 
-    if (!resource) {
-      resource = {
+    if (!resumableState.preconnectsMap.hasOwnProperty(key)) {
+      var resource = {
         type: "preconnect",
         chunks: [],
         state: NoState,
         props: null
       };
-      resumableState.preconnectsMap.set(key, resource);
+      resumableState.preconnectsMap[key] = null;
       pushLinkImpl(resource.chunks, {
         rel: "preconnect",
         href: href,
         crossOrigin: crossOrigin
       });
+      renderState.preconnects.add(resource);
     }
 
-    resumableState.preconnects.add(resource);
     flushResources(request);
   }
 }
@@ -6507,6 +6544,7 @@ function preload(href, as, options) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (as && href) {
     options = options || {};
@@ -6521,9 +6559,7 @@ function preload(href, as, options) {
       key = getResourceKey(as, href);
     }
 
-    var resource = resumableState.preloadsMap.get(key);
-
-    if (!resource) {
+    if (!resumableState.preloadsMap.hasOwnProperty(key)) {
       var props = assign(
         {
           rel: "preload",
@@ -6533,22 +6569,23 @@ function preload(href, as, options) {
         options
       );
 
-      resource = {
+      var resource = {
         type: "preload",
         chunks: [],
         state: NoState,
         props: props
       };
-      resumableState.preloadsMap.set(key, resource);
-      pushLinkImpl(resource.chunks, resource.props);
-    }
+      resumableState.preloadsMap[key] = props;
+      renderState.preloadsMap.set(key, resource);
+      pushLinkImpl(resource.chunks, props);
 
-    if (as === "font") {
-      resumableState.fontPreloads.add(resource);
-    } else if (as === "image" && resource.props.fetchPriority === "high") {
-      resumableState.highImagePreloads.add(resource);
-    } else {
-      resumableState.bulkPreloads.add(resource);
+      if (as === "font") {
+        renderState.fontPreloads.add(resource);
+      } else if (as === "image" && resource.props.fetchPriority === "high") {
+        renderState.highImagePreloads.add(resource);
+      } else {
+        renderState.bulkPreloads.add(resource);
+      }
     }
 
     flushResources(request);
@@ -6568,32 +6605,33 @@ function preloadModule(href, options) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (href) {
     var as = options && typeof options.as === "string" ? options.as : "script";
     var key = getResourceKey(as, href);
-    var resource = resumableState.preloadsMap.get(key);
 
-    var props = assign(
-      {
-        rel: "modulepreload",
-        href: href
-      },
-      options
-    );
+    if (!resumableState.preloadsMap.hasOwnProperty(key)) {
+      var props = assign(
+        {
+          rel: "modulepreload",
+          href: href
+        },
+        options
+      );
 
-    if (!resource) {
-      resource = {
+      var resource = {
         type: "preload",
         chunks: [],
         state: NoState,
         props: props
       };
-      resumableState.preloadsMap.set(key, resource);
+      resumableState.preloadsMap[key] = props;
+      renderState.preloadsMap.set(key, resource);
       pushLinkImpl(resource.chunks, resource.props);
+      renderState.bulkPreloads.add(resource);
     }
 
-    resumableState.bulkPreloads.add(resource);
     flushResources(request);
   }
 }
@@ -6611,19 +6649,23 @@ function preinitStyle(href, precedence, options) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (href) {
     var as = "style";
     var key = getResourceKey(as, href);
-    var resource = resumableState.stylesMap.get(key);
 
-    if (!resource) {
+    if (!resumableState.stylesMap.hasOwnProperty(key)) {
       precedence = precedence || "default";
       var state = NoState;
-      var preloadResource = resumableState.preloadsMap.get(key);
+      var preloadResource = renderState.preloadsMap.get(key);
 
       if (preloadResource && preloadResource.state & Flushed) {
         state = PreloadFlushed;
+      } else if (resumableState.preloadsMap.hasOwnProperty(key)) {
+        // If we resumed then we assume that this was already flushed
+        // by the shell.
+        state = PreloadFlushed;
       }
 
       var props = assign(
@@ -6635,18 +6677,18 @@ function preinitStyle(href, precedence, options) {
         options
       );
 
-      resource = {
+      var resource = {
         type: "stylesheet",
         chunks: [],
         state: state,
         props: props
       };
-      resumableState.stylesMap.set(key, resource);
-      var precedenceSet = resumableState.precedences.get(precedence);
+      resumableState.stylesMap[key] = null;
+      var stylesInPrecedence = renderState.precedences.get(precedence);
 
-      if (!precedenceSet) {
-        precedenceSet = new Set();
-        resumableState.precedences.set(precedence, precedenceSet);
+      if (!stylesInPrecedence) {
+        stylesInPrecedence = new Map();
+        renderState.precedences.set(precedence, stylesInPrecedence);
         var emptyStyleResource = {
           type: "style",
           chunks: [],
@@ -6656,10 +6698,10 @@ function preinitStyle(href, precedence, options) {
             hrefs: []
           }
         };
-        precedenceSet.add(emptyStyleResource);
+        stylesInPrecedence.set("", emptyStyleResource);
 
         {
-          if (resumableState.stylePrecedences.has(precedence)) {
+          if (renderState.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
@@ -6667,10 +6709,10 @@ function preinitStyle(href, precedence, options) {
           }
         }
 
-        resumableState.stylePrecedences.set(precedence, emptyStyleResource);
+        renderState.stylePrecedences.set(precedence, emptyStyleResource);
       }
 
-      precedenceSet.add(resource);
+      stylesInPrecedence.set(key, resource);
       flushResources(request);
     }
 
@@ -6691,19 +6733,19 @@ function preinitScript(src, options) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (src) {
     var key = getResourceKey("script", src);
-    var resource = resumableState.scriptsMap.get(key);
 
-    if (!resource) {
-      resource = {
+    if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+      var resource = {
         type: "script",
         chunks: [],
         state: NoState,
         props: null
       };
-      resumableState.scriptsMap.set(key, resource);
+      resumableState.scriptsMap[key] = null;
 
       var props = assign(
         {
@@ -6713,7 +6755,7 @@ function preinitScript(src, options) {
         options
       );
 
-      resumableState.scripts.add(resource);
+      renderState.scripts.add(resource);
       pushScriptImpl(resource.chunks, props);
       flushResources(request);
     }
@@ -6735,19 +6777,19 @@ function preinitModuleScript(src, options) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (src) {
     var key = getResourceKey("script", src);
-    var resource = resumableState.scriptsMap.get(key);
 
-    if (!resource) {
-      resource = {
+    if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+      var resource = {
         type: "script",
         chunks: [],
         state: NoState,
         props: null
       };
-      resumableState.scriptsMap.set(key, resource);
+      resumableState.scriptsMap[key] = null;
 
       var props = assign(
         {
@@ -6758,7 +6800,7 @@ function preinitModuleScript(src, options) {
         options
       );
 
-      resumableState.scripts.add(resource);
+      renderState.scripts.add(resource);
       pushScriptImpl(resource.chunks, props);
       flushResources(request);
     }
@@ -6772,6 +6814,7 @@ function preinitModuleScript(src, options) {
 
 function preloadBootstrapScript(
   resumableState,
+  renderState,
   src,
   nonce,
   integrity,
@@ -6780,7 +6823,7 @@ function preloadBootstrapScript(
   var key = getResourceKey("script", src);
 
   {
-    if (resumableState.preloadsMap.has(key)) {
+    if (resumableState.preloadsMap.hasOwnProperty(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
@@ -6806,8 +6849,9 @@ function preloadBootstrapScript(
     state: NoState,
     props: props
   };
-  resumableState.preloadsMap.set(key, resource);
-  resumableState.bootstrapScripts.add(resource);
+  resumableState.preloadsMap[key] = props;
+  renderState.preloadsMap.set(key, resource);
+  renderState.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
@@ -6816,6 +6860,7 @@ function preloadBootstrapScript(
 
 function preloadBootstrapModule(
   resumableState,
+  renderState,
   src,
   nonce,
   integrity,
@@ -6824,7 +6869,7 @@ function preloadBootstrapModule(
   var key = getResourceKey("script", src);
 
   {
-    if (resumableState.preloadsMap.has(key)) {
+    if (resumableState.preloadsMap.hasOwnProperty(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
@@ -6849,25 +6894,25 @@ function preloadBootstrapModule(
     state: NoState,
     props: props
   };
-  resumableState.preloadsMap.set(key, resource);
-  resumableState.bootstrapScripts.add(resource);
+  resumableState.preloadsMap[key] = props;
+  renderState.preloadsMap.set(key, resource);
+  renderState.bootstrapScripts.add(resource);
   pushLinkImpl(resource.chunks, props);
   return;
 }
 
-function internalPreinitScript(resumableState, src, chunks) {
+function internalPreinitScript(resumableState, renderState, src, chunks) {
   var key = getResourceKey("script", src);
-  var resource = resumableState.scriptsMap.get(key);
 
-  if (!resource) {
-    resource = {
+  if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+    var resource = {
       type: "script",
       chunks: chunks,
       state: NoState,
       props: null
     };
-    resumableState.scriptsMap.set(key, resource);
-    resumableState.scripts.add(resource);
+    resumableState.scriptsMap[key] = null;
+    renderState.scripts.add(resource);
   }
 
   return;
@@ -6920,8 +6965,16 @@ function hoistResources(renderState, source) {
   }
 }
 
-function createRenderState(resumableState, nonce, generateStaticMarkup) {
-  var renderState = createRenderState$1(resumableState, nonce);
+function createRenderState(resumableState, generateStaticMarkup) {
+  var renderState = createRenderState$1(
+    resumableState,
+    undefined,
+    undefined,
+    undefined,
+    undefined,
+    undefined,
+    undefined
+  );
   return {
     // Keep this in sync with ReactFizzConfigDOM
     placeholderPrefix: renderState.placeholderPrefix,
@@ -6930,11 +6983,23 @@ function createRenderState(resumableState, nonce, generateStaticMarkup) {
     startInlineScript: renderState.startInlineScript,
     htmlChunks: renderState.htmlChunks,
     headChunks: renderState.headChunks,
+    externalRuntimeScript: renderState.externalRuntimeScript,
+    bootstrapChunks: renderState.bootstrapChunks,
     charsetChunks: renderState.charsetChunks,
     preconnectChunks: renderState.preconnectChunks,
     importMapChunks: renderState.importMapChunks,
     preloadChunks: renderState.preloadChunks,
     hoistableChunks: renderState.hoistableChunks,
+    preconnects: renderState.preconnects,
+    fontPreloads: renderState.fontPreloads,
+    highImagePreloads: renderState.highImagePreloads,
+    // usedImagePreloads: renderState.usedImagePreloads,
+    precedences: renderState.precedences,
+    stylePrecedences: renderState.stylePrecedences,
+    bootstrapScripts: renderState.bootstrapScripts,
+    scripts: renderState.scripts,
+    bulkPreloads: renderState.bulkPreloads,
+    preloadsMap: renderState.preloadsMap,
     boundaryResources: renderState.boundaryResources,
     stylesToHoist: renderState.stylesToHoist,
     // This is an extra field for the legacy renderer
@@ -12665,13 +12730,15 @@ function flushCompletedQueues(request, destination) {
             destination,
             request.resumableState,
             request.renderState,
-            request.allPendingTasks === 0
+            request.allPendingTasks === 0 &&
+              (request.trackedPostpones === null ||
+                request.trackedPostpones.workingMap.size === 0)
           );
         }
 
         flushSegment(request, destination, completedRootSegment);
         request.completedRootSegment = null;
-        writeCompletedRoot(destination, request.resumableState);
+        writeCompletedRoot(destination, request.renderState);
       } else {
         // We haven't flushed the root yet so we don't need to check any other branches further down
         return;
@@ -12867,6 +12934,9 @@ function getFormState(request) {
 function getResumableState(request) {
   return request.resumableState;
 }
+function getRenderState(request) {
+  return request.renderState;
+}
 
 function onError() {
   // Non-fatal errors are ignored.
@@ -12904,16 +12974,12 @@ function renderToStringImpl(
 
   var resumableState = createResumableState(
     options ? options.identifierPrefix : undefined,
-    undefined,
-    undefined,
-    undefined,
-    undefined,
     undefined
   );
   var request = createRequest(
     children,
     resumableState,
-    createRenderState(resumableState, undefined, generateStaticMarkup),
+    createRenderState(resumableState, generateStaticMarkup),
     createRootFormatContext(),
     Infinity,
     onError,
diff --git a/compiled/facebook-www/ReactDOMServer-prod.classic.js b/compiled/facebook-www/ReactDOMServer-prod.classic.js
index d6e0c0e62e..a21bba73e7 100644
--- a/compiled/facebook-www/ReactDOMServer-prod.classic.js
+++ b/compiled/facebook-www/ReactDOMServer-prod.classic.js
@@ -194,190 +194,22 @@ var isArrayImpl = Array.isArray,
     preinitStyle: preinitStyle,
     preinitScript: preinitScript,
     preinitModuleScript: preinitModuleScript
-  },
-  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,
+  };
+function createResumableState(identifierPrefix, externalRuntimeConfig) {
+  var streamingFormat = 0;
+  void 0 !== externalRuntimeConfig && (streamingFormat = 1);
+  return {
+    idPrefix: void 0 === identifierPrefix ? "" : identifierPrefix,
     nextFormID: 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()
+    preloadsMap: {},
+    preconnectsMap: {},
+    stylesMap: {},
+    scriptsMap: {}
   };
-  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, tagScope) {
   return {
@@ -715,42 +547,40 @@ function pushLink(
       props.onError
     )
       return pushLinkImpl(target, props);
-    noscriptTagInScope = resumableState.stylesMap.get(insertionMode);
-    noscriptTagInScope ||
-      ((props = assign({}, props, {
-        "data-precedence": props.precedence,
-        precedence: null
-      })),
-      (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: rel,
-        props: props
-      }),
-      resumableState.stylesMap.set(insertionMode, noscriptTagInScope),
-      (props = resumableState.precedences.get(precedence)),
-      props ||
-        ((props = new Set()),
-        resumableState.precedences.set(precedence, props),
-        (insertionMode = {
-          type: "style",
-          chunks: [],
-          state: 0,
-          props: { precedence: precedence, hrefs: [] }
-        }),
-        props.add(insertionMode),
-        resumableState.stylePrecedences.set(precedence, insertionMode)),
-      props.add(noscriptTagInScope));
-    renderState.boundaryResources &&
-      renderState.boundaryResources.add(noscriptTagInScope);
+    noscriptTagInScope = renderState.precedences.get(precedence);
+    resumableState.stylesMap.hasOwnProperty(insertionMode)
+      ? noscriptTagInScope &&
+        (precedence = noscriptTagInScope.get(insertionMode)) &&
+        renderState.boundaryResources &&
+        renderState.boundaryResources.add(precedence)
+      : ((props = assign({}, props, {
+          "data-precedence": props.precedence,
+          precedence: null
+        })),
+        (rel = 0),
+        resumableState.preloadsMap.hasOwnProperty(insertionMode) &&
+          ((href = resumableState.preloadsMap[insertionMode]),
+          null == props.crossOrigin && (props.crossOrigin = href.crossOrigin),
+          null == props.integrity && (props.integrity = href.integrity),
+          (href = renderState.preloadsMap.get(insertionMode))
+            ? ((href.state |= 4), href.state & 3 && (rel = 8))
+            : (rel = 8)),
+        (props = { type: "stylesheet", chunks: [], state: rel, props: props }),
+        (resumableState.stylesMap[insertionMode] = null),
+        noscriptTagInScope ||
+          ((noscriptTagInScope = new Map()),
+          renderState.precedences.set(precedence, noscriptTagInScope),
+          (resumableState = {
+            type: "style",
+            chunks: [],
+            state: 0,
+            props: { precedence: precedence, hrefs: [] }
+          }),
+          noscriptTagInScope.set("", resumableState),
+          renderState.stylePrecedences.set(precedence, resumableState)),
+        noscriptTagInScope.set(insertionMode, props),
+        renderState.boundaryResources &&
+          renderState.boundaryResources.add(props));
     textEmbedded && target.push("\x3c!-- --\x3e");
     return null;
   }
@@ -1306,22 +1136,21 @@ function pushStartInstance(
           props
         );
       else {
-        var key = "[script]" + props.src,
-          resource = resumableState.scriptsMap.get(key);
-        if (!resource) {
-          resource = { type: "script", chunks: [], state: 0, props: null };
-          resumableState.scriptsMap.set(key, resource);
-          resumableState.scripts.add(resource);
-          var scriptProps = props,
-            preloadResource = resumableState.preloadsMap.get(key);
-          if (preloadResource) {
-            preloadResource.state |= 4;
-            var resourceProps = (scriptProps = assign({}, props)),
-              preloadProps = preloadResource.props;
+        var key = "[script]" + props.src;
+        if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+          var resource = { type: "script", chunks: [], state: 0, props: null };
+          resumableState.scriptsMap[key] = null;
+          renderState.scripts.add(resource);
+          var scriptProps = props;
+          if (resumableState.preloadsMap.hasOwnProperty(key)) {
+            var preloadProps = resumableState.preloadsMap[key],
+              resourceProps = (scriptProps = assign({}, props));
             null == resourceProps.crossOrigin &&
               (resourceProps.crossOrigin = preloadProps.crossOrigin);
             null == resourceProps.integrity &&
               (resourceProps.integrity = preloadProps.integrity);
+            var preloadResource = renderState.preloadsMap.get(key);
+            preloadResource && (preloadResource.state |= 4);
           }
           pushScriptImpl(resource.chunks, scriptProps);
         }
@@ -1379,13 +1208,9 @@ function pushStartInstance(
         var JSCompiler_inline_result$jscomp$3 = null;
       } else {
         var key$jscomp$0 = "[style]" + href,
-          resource$jscomp$0 = resumableState.stylesMap.get(key$jscomp$0);
-        if (!resource$jscomp$0) {
-          if (
-            (resource$jscomp$0 =
-              resumableState.stylePrecedences.get(precedence))
-          )
-            resource$jscomp$0.props.hrefs.push(href);
+          resource$jscomp$0 = renderState.stylePrecedences.get(precedence);
+        if (!resumableState.stylesMap.hasOwnProperty(key$jscomp$0)) {
+          if (resource$jscomp$0) resource$jscomp$0.props.hrefs.push(href);
           else {
             resource$jscomp$0 = {
               type: "style",
@@ -1393,14 +1218,12 @@ function pushStartInstance(
               state: 0,
               props: { precedence: precedence, hrefs: [href] }
             };
-            resumableState.stylePrecedences.set(precedence, resource$jscomp$0);
-            var precedenceSet = new Set();
-            precedenceSet.add(resource$jscomp$0);
-            resumableState.precedences.set(precedence, precedenceSet);
+            renderState.stylePrecedences.set(precedence, resource$jscomp$0);
+            var stylesInPrecedence = new Map();
+            stylesInPrecedence.set("", resource$jscomp$0);
+            renderState.precedences.set(precedence, stylesInPrecedence);
           }
-          resumableState.stylesMap.set(key$jscomp$0, resource$jscomp$0);
-          renderState.boundaryResources &&
-            renderState.boundaryResources.add(resource$jscomp$0);
+          resumableState.stylesMap[key$jscomp$0] = null;
           var target = resource$jscomp$0.chunks,
             children$jscomp$5 = null,
             innerHTML$jscomp$4 = null,
@@ -1429,6 +1252,9 @@ function pushStartInstance(
             target.push(escapeTextForBrowser("" + child$jscomp$0));
           pushInnerHTML(target, innerHTML$jscomp$4, children$jscomp$5);
         }
+        resource$jscomp$0 &&
+          renderState.boundaryResources &&
+          renderState.boundaryResources.add(resource$jscomp$0);
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
         JSCompiler_inline_result$jscomp$3 = void 0;
       }
@@ -1519,32 +1345,37 @@ function pushStartInstance(
           ("a" !== srcSet[3] && "A" !== srcSet[3]))
       ) {
         var sizes = props.sizes,
-          key$jscomp$1 = getImagePreloadKey(src, srcSet, sizes),
-          resource$jscomp$1 = resumableState.preloadsMap.get(key$jscomp$1);
-        resource$jscomp$1 ||
-          ((resource$jscomp$1 = {
+          key$jscomp$1 = getImagePreloadKey(src, srcSet, sizes);
+        if (resumableState.preloadsMap.hasOwnProperty(key$jscomp$1))
+          var resource$jscomp$1 = renderState.preloadsMap.get(key$jscomp$1);
+        else {
+          var preloadProps$jscomp$0 = {
+            rel: "preload",
+            as: "image",
+            href: srcSet ? void 0 : src,
+            imageSrcSet: srcSet,
+            imageSizes: sizes,
+            crossOrigin: props.crossOrigin,
+            integrity: props.integrity,
+            type: props.type,
+            fetchPriority: props.fetchPriority,
+            referrerPolicy: props.referrerPolicy
+          };
+          resource$jscomp$1 = {
             type: "preload",
             chunks: [],
             state: 0,
-            props: {
-              rel: "preload",
-              as: "image",
-              href: srcSet ? void 0 : src,
-              imageSrcSet: srcSet,
-              imageSizes: sizes,
-              crossOrigin: props.crossOrigin,
-              integrity: props.integrity,
-              type: props.type,
-              fetchPriority: props.fetchPriority,
-              referrerPolicy: props.referrerPolicy
-            }
-          }),
-          resumableState.preloadsMap.set(key$jscomp$1, resource$jscomp$1),
-          pushLinkImpl(resource$jscomp$1.chunks, resource$jscomp$1.props));
-        "high" === props.fetchPriority ||
-        10 > resumableState.highImagePreloads.size
-          ? resumableState.highImagePreloads.add(resource$jscomp$1)
-          : resumableState.bulkPreloads.add(resource$jscomp$1);
+            props: preloadProps$jscomp$0
+          };
+          resumableState.preloadsMap[key$jscomp$1] = preloadProps$jscomp$0;
+          renderState.preloadsMap.set(key$jscomp$1, resource$jscomp$1);
+          pushLinkImpl(resource$jscomp$1.chunks, preloadProps$jscomp$0);
+        }
+        resource$jscomp$1 &&
+          ("high" === props.fetchPriority ||
+          10 > renderState.highImagePreloads.size
+            ? renderState.highImagePreloads.add(resource$jscomp$1)
+            : renderState.bulkPreloads.add(resource$jscomp$1));
       }
       return pushSelfClosing(target$jscomp$0, props, "img");
     case "base":
@@ -1661,14 +1492,12 @@ function pushStartInstance(
   }
   return pushStartGenericElement(target$jscomp$0, props, type);
 }
-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))
+function writeBootstrap(destination, renderState) {
+  renderState = renderState.bootstrapChunks;
+  for (var i = 0; i < renderState.length - 1; i++)
+    destination.push(renderState[i]);
+  return i < renderState.length
+    ? ((i = renderState[i]), (renderState.length = 0), destination.push(i))
     : !0;
 }
 function writeStartPendingSuspenseBoundary(destination, renderState, id) {
@@ -1867,24 +1696,24 @@ function flushResourceLate(resource) {
 }
 var precedenceStyleTagResource = null,
   didFlushPrecedence = !1;
-function flushStyleInPreamble(resource, key, set) {
-  key = resource.chunks;
-  if (resource.state & 3) set.delete(resource);
+function flushStyleInPreamble(resource, key, map) {
+  var chunks = resource.chunks;
+  if (resource.state & 3) map.delete(key);
   else if ("style" === resource.type) precedenceStyleTagResource = resource;
   else {
-    pushLinkImpl(key, resource.props);
-    for (set = 0; set < key.length; set++) this.push(key[set]);
+    pushLinkImpl(chunks, resource.props);
+    for (key = 0; key < chunks.length; key++) this.push(chunks[key]);
     resource.state |= 1;
     didFlushPrecedence = !0;
   }
 }
-function flushAllStylesInPreamble(set, precedence) {
+function flushAllStylesInPreamble(map, precedence) {
   didFlushPrecedence = !1;
-  set.forEach(flushStyleInPreamble, this);
-  set.clear();
-  set = precedenceStyleTagResource.chunks;
+  map.forEach(flushStyleInPreamble, this);
+  map.clear();
+  map = precedenceStyleTagResource.chunks;
   var hrefs = precedenceStyleTagResource.props.hrefs;
-  if (!1 === didFlushPrecedence || set.length) {
+  if (!1 === didFlushPrecedence || map.length) {
     this.push('<style data-precedence="');
     precedence = escapeTextForBrowser(precedence);
     this.push(precedence);
@@ -1903,10 +1732,10 @@ function flushAllStylesInPreamble(set, precedence) {
       this.push(precedence);
     }
     this.push('">');
-    for (precedence = 0; precedence < set.length; precedence++)
-      this.push(set[precedence]);
+    for (precedence = 0; precedence < map.length; precedence++)
+      this.push(map[precedence]);
     this.push("</style>");
-    set.length = 0;
+    map.length = 0;
     hrefs.length = 0;
   }
 }
@@ -1930,9 +1759,9 @@ function preloadLateStyle(resource) {
     chunks.length = 0;
   }
 }
-function preloadLateStyles(set) {
-  set.forEach(preloadLateStyle, this);
-  set.clear();
+function preloadLateStyles(map) {
+  map.forEach(preloadLateStyle, this);
+  map.clear();
 }
 function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
   destination.push("[");
@@ -2129,15 +1958,21 @@ function writeStyleResourceAttributeInAttr(destination, name, value) {
 function prefetchDNS(href) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if ("string" === typeof href && href) {
-      var key = "[prefetchDNS]" + href,
-        resource = resumableState.preconnectsMap.get(key);
-      resource ||
-        ((resource = { type: "preconnect", chunks: [], state: 0, props: null }),
-        resumableState.preconnectsMap.set(key, resource),
-        pushLinkImpl(resource.chunks, { href: href, rel: "dns-prefetch" }));
-      resumableState.preconnects.add(resource);
+      var key = "[prefetchDNS]" + href;
+      if (!resumableState.preconnectsMap.hasOwnProperty(key)) {
+        var resource = {
+          type: "preconnect",
+          chunks: [],
+          state: 0,
+          props: null
+        };
+        resumableState.preconnectsMap[key] = null;
+        pushLinkImpl(resource.chunks, { href: href, rel: "dns-prefetch" });
+        renderState.preconnects.add(resource);
+      }
       enqueueFlush(request);
     }
   }
@@ -2145,23 +1980,29 @@ function prefetchDNS(href) {
 function preconnect(href, crossOrigin) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if ("string" === typeof href && href) {
       var key =
-          "[preconnect][" +
-          ("string" === typeof crossOrigin ? crossOrigin : "null") +
-          "]" +
-          href,
-        resource = resumableState.preconnectsMap.get(key);
-      resource ||
-        ((resource = { type: "preconnect", chunks: [], state: 0, props: null }),
-        resumableState.preconnectsMap.set(key, resource),
+        "[preconnect][" +
+        ("string" === typeof crossOrigin ? crossOrigin : "null") +
+        "]" +
+        href;
+      if (!resumableState.preconnectsMap.hasOwnProperty(key)) {
+        var resource = {
+          type: "preconnect",
+          chunks: [],
+          state: 0,
+          props: null
+        };
+        resumableState.preconnectsMap[key] = null;
         pushLinkImpl(resource.chunks, {
           rel: "preconnect",
           href: href,
           crossOrigin: crossOrigin
-        }));
-      resumableState.preconnects.add(resource);
+        });
+        renderState.preconnects.add(resource);
+      }
       enqueueFlush(request);
     }
   }
@@ -2169,35 +2010,32 @@ function preconnect(href, crossOrigin) {
 function preload(href, as, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if (as && href) {
       options = options || {};
       var key =
         "image" === as
           ? getImagePreloadKey(href, options.imageSrcSet, options.imageSizes)
           : "[" + as + "]" + href;
-      var resource = resumableState.preloadsMap.get(key);
-      resource ||
-        ((resource = {
-          type: "preload",
-          chunks: [],
-          state: 0,
-          props: assign(
-            {
-              rel: "preload",
-              href: "image" === as && options.imageSrcSet ? void 0 : href,
-              as: as
-            },
-            options
-          )
-        }),
-        resumableState.preloadsMap.set(key, resource),
-        pushLinkImpl(resource.chunks, resource.props));
-      "font" === as
-        ? resumableState.fontPreloads.add(resource)
-        : "image" === as && "high" === resource.props.fetchPriority
-        ? resumableState.highImagePreloads.add(resource)
-        : resumableState.bulkPreloads.add(resource);
+      resumableState.preloadsMap.hasOwnProperty(key) ||
+        ((href = assign(
+          {
+            rel: "preload",
+            href: "image" === as && options.imageSrcSet ? void 0 : href,
+            as: as
+          },
+          options
+        )),
+        (options = { type: "preload", chunks: [], state: 0, props: href }),
+        (resumableState.preloadsMap[key] = href),
+        renderState.preloadsMap.set(key, options),
+        pushLinkImpl(options.chunks, href),
+        "font" === as
+          ? renderState.fontPreloads.add(options)
+          : "image" === as && "high" === options.props.fetchPriority
+          ? renderState.highImagePreloads.add(options)
+          : renderState.bulkPreloads.add(options));
       enqueueFlush(request);
     }
   }
@@ -2205,20 +2043,21 @@ function preload(href, as, options) {
 function preloadModule(href, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if (href) {
       var key =
-          "[" +
-          (options && "string" === typeof options.as ? options.as : "script") +
-          "]" +
-          href,
-        resource = resumableState.preloadsMap.get(key);
-      href = assign({ rel: "modulepreload", href: href }, options);
-      resource ||
-        ((resource = { type: "preload", chunks: [], state: 0, props: href }),
-        resumableState.preloadsMap.set(key, resource),
-        pushLinkImpl(resource.chunks, resource.props));
-      resumableState.bulkPreloads.add(resource);
+        "[" +
+        (options && "string" === typeof options.as ? options.as : "script") +
+        "]" +
+        href;
+      resumableState.preloadsMap.hasOwnProperty(key) ||
+        ((href = assign({ rel: "modulepreload", href: href }, options)),
+        (options = { type: "preload", chunks: [], state: 0, props: href }),
+        (resumableState.preloadsMap[key] = href),
+        renderState.preloadsMap.set(key, options),
+        pushLinkImpl(options.chunks, options.props),
+        renderState.bulkPreloads.add(options));
       enqueueFlush(request);
     }
   }
@@ -2226,39 +2065,36 @@ function preloadModule(href, options) {
 function preinitStyle(href, precedence, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if (href) {
-      var key = "[style]" + href,
-        resource = resumableState.stylesMap.get(key);
-      if (!resource) {
+      var key = "[style]" + href;
+      if (!resumableState.stylesMap.hasOwnProperty(key)) {
         precedence = precedence || "default";
-        resource = 0;
-        var preloadResource = resumableState.preloadsMap.get(key);
-        preloadResource && preloadResource.state & 3 && (resource = 8);
+        var state = 0,
+          preloadResource = renderState.preloadsMap.get(key);
+        preloadResource && preloadResource.state & 3
+          ? (state = 8)
+          : resumableState.preloadsMap.hasOwnProperty(key) && (state = 8);
         href = assign(
           { rel: "stylesheet", href: href, "data-precedence": precedence },
           options
         );
-        resource = {
-          type: "stylesheet",
-          chunks: [],
-          state: resource,
-          props: href
-        };
-        resumableState.stylesMap.set(key, resource);
-        key = resumableState.precedences.get(precedence);
-        key ||
-          ((key = new Set()),
-          resumableState.precedences.set(precedence, key),
+        state = { type: "stylesheet", chunks: [], state: state, props: href };
+        resumableState.stylesMap[key] = null;
+        resumableState = renderState.precedences.get(precedence);
+        resumableState ||
+          ((resumableState = new Map()),
+          renderState.precedences.set(precedence, resumableState),
           (href = {
             type: "style",
             chunks: [],
             state: 0,
             props: { precedence: precedence, hrefs: [] }
           }),
-          key.add(href),
-          resumableState.stylePrecedences.set(precedence, href));
-        key.add(resource);
+          resumableState.set("", href),
+          renderState.stylePrecedences.set(precedence, href));
+        resumableState.set(key, state);
         enqueueFlush(request);
       }
     }
@@ -2267,58 +2103,79 @@ function preinitStyle(href, precedence, options) {
 function preinitScript(src, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if (src) {
-      var key = "[script]" + src,
-        resource = resumableState.scriptsMap.get(key);
-      resource ||
-        ((resource = { type: "script", chunks: [], state: 0, props: null }),
-        resumableState.scriptsMap.set(key, resource),
-        (src = assign({ src: src, async: !0 }, options)),
-        resumableState.scripts.add(resource),
-        pushScriptImpl(resource.chunks, src),
-        enqueueFlush(request));
+      var key = "[script]" + src;
+      if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+        var resource = { type: "script", chunks: [], state: 0, props: null };
+        resumableState.scriptsMap[key] = null;
+        src = assign({ src: src, async: !0 }, options);
+        renderState.scripts.add(resource);
+        pushScriptImpl(resource.chunks, src);
+        enqueueFlush(request);
+      }
     }
   }
 }
 function preinitModuleScript(src, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if (src) {
-      var key = "[script]" + src,
-        resource = resumableState.scriptsMap.get(key);
-      resource ||
-        ((resource = { type: "script", chunks: [], state: 0, props: null }),
-        resumableState.scriptsMap.set(key, resource),
-        (src = assign({ src: src, type: "module", async: !0 }, options)),
-        resumableState.scripts.add(resource),
-        pushScriptImpl(resource.chunks, src),
-        enqueueFlush(request));
+      var key = "[script]" + src;
+      if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+        var resource = { type: "script", chunks: [], state: 0, props: null };
+        resumableState.scriptsMap[key] = null;
+        src = assign({ src: src, type: "module", async: !0 }, options);
+        renderState.scripts.add(resource);
+        pushScriptImpl(resource.chunks, src);
+        enqueueFlush(request);
+      }
     }
   }
 }
 function hoistStyleResource(resource) {
   this.add(resource);
 }
-function createRenderState(resumableState, nonce, generateStaticMarkup) {
-  nonce =
-    void 0 === nonce
-      ? "<script>"
-      : '<script nonce="' + escapeTextForBrowser(nonce) + '">';
-  resumableState = resumableState.idPrefix;
+function createRenderState(resumableState, generateStaticMarkup) {
+  var idPrefix = resumableState.idPrefix;
+  resumableState = idPrefix + "P:";
+  var JSCompiler_object_inline_segmentPrefix_1578 = idPrefix + "S:";
+  idPrefix += "B:";
+  var JSCompiler_object_inline_preconnects_1590 = new Set(),
+    JSCompiler_object_inline_fontPreloads_1591 = new Set(),
+    JSCompiler_object_inline_highImagePreloads_1592 = new Set(),
+    JSCompiler_object_inline_precedences_1593 = new Map(),
+    JSCompiler_object_inline_stylePrecedences_1594 = new Map(),
+    JSCompiler_object_inline_bootstrapScripts_1595 = new Set(),
+    JSCompiler_object_inline_scripts_1596 = new Set(),
+    JSCompiler_object_inline_bulkPreloads_1597 = new Set(),
+    JSCompiler_object_inline_preloadsMap_1598 = new Map();
   return {
-    placeholderPrefix: resumableState + "P:",
-    segmentPrefix: resumableState + "S:",
-    boundaryPrefix: resumableState + "B:",
-    startInlineScript: nonce,
+    placeholderPrefix: resumableState,
+    segmentPrefix: JSCompiler_object_inline_segmentPrefix_1578,
+    boundaryPrefix: idPrefix,
+    startInlineScript: "<script>",
     htmlChunks: null,
     headChunks: null,
+    externalRuntimeScript: null,
+    bootstrapChunks: [],
     charsetChunks: [],
     preconnectChunks: [],
     importMapChunks: [],
     preloadChunks: [],
     hoistableChunks: [],
+    preconnects: JSCompiler_object_inline_preconnects_1590,
+    fontPreloads: JSCompiler_object_inline_fontPreloads_1591,
+    highImagePreloads: JSCompiler_object_inline_highImagePreloads_1592,
+    precedences: JSCompiler_object_inline_precedences_1593,
+    stylePrecedences: JSCompiler_object_inline_stylePrecedences_1594,
+    bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1595,
+    scripts: JSCompiler_object_inline_scripts_1596,
+    bulkPreloads: JSCompiler_object_inline_bulkPreloads_1597,
+    preloadsMap: JSCompiler_object_inline_preloadsMap_1598,
     boundaryResources: null,
     stylesToHoist: !1,
     generateStaticMarkup: generateStaticMarkup
@@ -2782,11 +2639,11 @@ function useFormState(action, initialState, permalink) {
       });
     return [initialState, action];
   }
-  var boundAction$10 = action.bind(null, initialState);
+  var boundAction$11 = action.bind(null, initialState);
   return [
     initialState,
     function (payload) {
-      boundAction$10(payload);
+      boundAction$11(payload);
     }
   ];
 }
@@ -4085,15 +3942,15 @@ function renderNode(request, task, node, childIndex) {
       chunkLength = segment.chunks.length;
     try {
       return renderNodeDestructiveImpl(request, task, null, node, childIndex);
-    } catch (thrownValue$27) {
+    } catch (thrownValue$28) {
       if (
         (resetHooksState(),
         (segment.children.length = childrenLength),
         (segment.chunks.length = chunkLength),
         (node =
-          thrownValue$27 === SuspenseException
+          thrownValue$28 === SuspenseException
             ? getSuspendedThenable()
-            : thrownValue$27),
+            : thrownValue$28),
         "object" === typeof node &&
           null !== node &&
           "function" === typeof node.then)
@@ -4602,12 +4459,12 @@ function flushCompletedBoundary(request, destination, boundary) {
     : requiresStyleInsertion
     ? destination.push('<template data-rri="" data-bid="')
     : destination.push('<template data-rci="" data-bid="');
-  i = i.toString(16);
+  completedSegments = i.toString(16);
   destination.push(request.boundaryPrefix);
-  destination.push(i);
+  destination.push(completedSegments);
   scriptFormat ? destination.push('","') : destination.push('" data-sid="');
   destination.push(request.segmentPrefix);
-  destination.push(i);
+  destination.push(completedSegments);
   requiresStyleInsertion
     ? scriptFormat
       ? (destination.push('",'),
@@ -4615,10 +4472,10 @@ function flushCompletedBoundary(request, destination, boundary) {
       : (destination.push('" data-sty="'),
         writeStyleResourceDependenciesInAttr(destination, boundary))
     : scriptFormat && destination.push('"');
-  request = scriptFormat
+  completedSegments = scriptFormat
     ? destination.push(")\x3c/script>")
     : destination.push('"></template>');
-  return writeBootstrap(destination, completedSegments) && request;
+  return writeBootstrap(destination, request) && completedSegments;
 }
 function flushPartiallyCompletedSegment(
   request,
@@ -4664,43 +4521,44 @@ function flushCompletedQueues(request, destination) {
       completedRootSegment = request.completedRootSegment;
     if (null !== completedRootSegment)
       if (0 === request.pendingRootTasks) {
-        var resumableState = request.resumableState,
-          renderState = request.renderState;
+        var renderState = request.renderState;
         if (
-          0 !== request.allPendingTasks &&
-          resumableState.externalRuntimeScript
+          (0 !== request.allPendingTasks ||
+            (null !== request.trackedPostpones &&
+              0 !== request.trackedPostpones.workingMap.size)) &&
+          renderState.externalRuntimeScript
         ) {
-          var _resumableState$exter = resumableState.externalRuntimeScript,
-            chunks = _resumableState$exter.chunks,
-            key = "[script]" + _resumableState$exter.src,
-            resource = resumableState.scriptsMap.get(key);
-          resource ||
-            ((resource = {
+          var _renderState$external = renderState.externalRuntimeScript,
+            resumableState = request.resumableState,
+            chunks = _renderState$external.chunks,
+            key = "[script]" + _renderState$external.src;
+          resumableState.scriptsMap.hasOwnProperty(key) ||
+            ((_renderState$external = {
               type: "script",
               chunks: chunks,
               state: 0,
               props: null
             }),
-            resumableState.scriptsMap.set(key, resource),
-            resumableState.scripts.add(resource));
+            (resumableState.scriptsMap[key] = null),
+            renderState.scripts.add(_renderState$external));
         }
         var htmlChunks = renderState.htmlChunks,
           headChunks = renderState.headChunks;
-        _resumableState$exter = 0;
+        resumableState = 0;
         if (htmlChunks) {
           for (
-            _resumableState$exter = 0;
-            _resumableState$exter < htmlChunks.length;
-            _resumableState$exter++
+            resumableState = 0;
+            resumableState < htmlChunks.length;
+            resumableState++
           )
-            destination.push(htmlChunks[_resumableState$exter]);
+            destination.push(htmlChunks[resumableState]);
           if (headChunks)
             for (
-              _resumableState$exter = 0;
-              _resumableState$exter < headChunks.length;
-              _resumableState$exter++
+              resumableState = 0;
+              resumableState < headChunks.length;
+              resumableState++
             )
-              destination.push(headChunks[_resumableState$exter]);
+              destination.push(headChunks[resumableState]);
           else {
             var chunk = startChunkForTag("head");
             destination.push(chunk);
@@ -4708,80 +4566,68 @@ function flushCompletedQueues(request, destination) {
           }
         } else if (headChunks)
           for (
-            _resumableState$exter = 0;
-            _resumableState$exter < headChunks.length;
-            _resumableState$exter++
+            resumableState = 0;
+            resumableState < headChunks.length;
+            resumableState++
           )
-            destination.push(headChunks[_resumableState$exter]);
+            destination.push(headChunks[resumableState]);
         var charsetChunks = renderState.charsetChunks;
         for (
-          _resumableState$exter = 0;
-          _resumableState$exter < charsetChunks.length;
-          _resumableState$exter++
+          resumableState = 0;
+          resumableState < charsetChunks.length;
+          resumableState++
         )
-          destination.push(charsetChunks[_resumableState$exter]);
+          destination.push(charsetChunks[resumableState]);
         charsetChunks.length = 0;
-        resumableState.preconnects.forEach(
-          flushResourceInPreamble,
-          destination
-        );
-        resumableState.preconnects.clear();
+        renderState.preconnects.forEach(flushResourceInPreamble, destination);
+        renderState.preconnects.clear();
         var preconnectChunks = renderState.preconnectChunks;
         for (
-          _resumableState$exter = 0;
-          _resumableState$exter < preconnectChunks.length;
-          _resumableState$exter++
+          resumableState = 0;
+          resumableState < preconnectChunks.length;
+          resumableState++
         )
-          destination.push(preconnectChunks[_resumableState$exter]);
+          destination.push(preconnectChunks[resumableState]);
         preconnectChunks.length = 0;
-        resumableState.fontPreloads.forEach(
+        renderState.fontPreloads.forEach(flushResourceInPreamble, destination);
+        renderState.fontPreloads.clear();
+        renderState.highImagePreloads.forEach(
           flushResourceInPreamble,
           destination
         );
-        resumableState.fontPreloads.clear();
-        resumableState.highImagePreloads.forEach(
-          flushResourceInPreamble,
-          destination
-        );
-        resumableState.highImagePreloads.clear();
-        resumableState.precedences.forEach(
-          flushAllStylesInPreamble,
-          destination
-        );
+        renderState.highImagePreloads.clear();
+        renderState.precedences.forEach(flushAllStylesInPreamble, destination);
         var importMapChunks = renderState.importMapChunks;
         for (
-          _resumableState$exter = 0;
-          _resumableState$exter < importMapChunks.length;
-          _resumableState$exter++
+          resumableState = 0;
+          resumableState < importMapChunks.length;
+          resumableState++
         )
-          destination.push(importMapChunks[_resumableState$exter]);
+          destination.push(importMapChunks[resumableState]);
         importMapChunks.length = 0;
-        resumableState.bootstrapScripts.forEach(
+        renderState.bootstrapScripts.forEach(
           flushResourceInPreamble,
           destination
         );
-        resumableState.scripts.forEach(flushResourceInPreamble, destination);
-        resumableState.scripts.clear();
-        resumableState.bulkPreloads.forEach(
-          flushResourceInPreamble,
-          destination
-        );
-        resumableState.bulkPreloads.clear();
+        renderState.scripts.forEach(flushResourceInPreamble, destination);
+        renderState.scripts.clear();
+        renderState.bulkPreloads.forEach(flushResourceInPreamble, destination);
+        renderState.bulkPreloads.clear();
         var preloadChunks = renderState.preloadChunks;
         for (
-          _resumableState$exter = 0;
-          _resumableState$exter < preloadChunks.length;
-          _resumableState$exter++
+          resumableState = 0;
+          resumableState < preloadChunks.length;
+          resumableState++
         )
-          destination.push(preloadChunks[_resumableState$exter]);
+          destination.push(preloadChunks[resumableState]);
         preloadChunks.length = 0;
         var hoistableChunks = renderState.hoistableChunks;
         for (
-          _resumableState$exter = 0;
-          _resumableState$exter < hoistableChunks.length;
-          _resumableState$exter++
+          resumableState = 0;
+          resumableState < hoistableChunks.length;
+          resumableState++
         )
-          destination.push(hoistableChunks[_resumableState$exter]);
+          destination.push(hoistableChunks[resumableState]);
         hoistableChunks.length = 0;
         htmlChunks &&
           null === headChunks &&
@@ -4790,13 +4636,12 @@ function flushCompletedQueues(request, destination) {
           destination.push(">"));
         flushSegment(request, destination, completedRootSegment);
         request.completedRootSegment = null;
-        writeBootstrap(destination, request.resumableState);
+        writeBootstrap(destination, request.renderState);
       } else return;
-    var resumableState$jscomp$0 = request.resumableState,
-      renderState$jscomp$0 = request.renderState;
+    var renderState$jscomp$0 = request.renderState;
     completedRootSegment = 0;
-    resumableState$jscomp$0.preconnects.forEach(flushResourceLate, destination);
-    resumableState$jscomp$0.preconnects.clear();
+    renderState$jscomp$0.preconnects.forEach(flushResourceLate, destination);
+    renderState$jscomp$0.preconnects.clear();
     var preconnectChunks$jscomp$0 = renderState$jscomp$0.preconnectChunks;
     for (
       completedRootSegment = 0;
@@ -4805,24 +4650,18 @@ function flushCompletedQueues(request, destination) {
     )
       destination.push(preconnectChunks$jscomp$0[completedRootSegment]);
     preconnectChunks$jscomp$0.length = 0;
-    resumableState$jscomp$0.fontPreloads.forEach(
-      flushResourceLate,
-      destination
-    );
-    resumableState$jscomp$0.fontPreloads.clear();
-    resumableState$jscomp$0.highImagePreloads.forEach(
+    renderState$jscomp$0.fontPreloads.forEach(flushResourceLate, destination);
+    renderState$jscomp$0.fontPreloads.clear();
+    renderState$jscomp$0.highImagePreloads.forEach(
       flushResourceInPreamble,
       destination
     );
-    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();
+    renderState$jscomp$0.highImagePreloads.clear();
+    renderState$jscomp$0.precedences.forEach(preloadLateStyles, destination);
+    renderState$jscomp$0.scripts.forEach(flushResourceLate, destination);
+    renderState$jscomp$0.scripts.clear();
+    renderState$jscomp$0.bulkPreloads.forEach(flushResourceLate, destination);
+    renderState$jscomp$0.bulkPreloads.clear();
     var preloadChunks$jscomp$0 = renderState$jscomp$0.preloadChunks;
     for (
       completedRootSegment = 0;
@@ -4842,66 +4681,66 @@ function flushCompletedQueues(request, destination) {
     var clientRenderedBoundaries = request.clientRenderedBoundaries;
     for (i = 0; i < clientRenderedBoundaries.length; i++) {
       var boundary = clientRenderedBoundaries[i];
-      resumableState$jscomp$0 = destination;
-      var resumableState$jscomp$1 = request.resumableState,
+      renderState$jscomp$0 = destination;
+      var resumableState$jscomp$0 = request.resumableState,
         renderState$jscomp$1 = request.renderState,
         id = boundary.rootSegmentID,
         errorDigest = boundary.errorDigest,
         errorMessage = boundary.errorMessage,
         errorComponentStack = boundary.errorComponentStack,
-        scriptFormat = 0 === resumableState$jscomp$1.streamingFormat;
+        scriptFormat = 0 === resumableState$jscomp$0.streamingFormat;
       scriptFormat
-        ? (resumableState$jscomp$0.push(renderState$jscomp$1.startInlineScript),
-          0 === (resumableState$jscomp$1.instructions & 4)
-            ? ((resumableState$jscomp$1.instructions |= 4),
-              resumableState$jscomp$0.push(
+        ? (renderState$jscomp$0.push(renderState$jscomp$1.startInlineScript),
+          0 === (resumableState$jscomp$0.instructions & 4)
+            ? ((resumableState$jscomp$0.instructions |= 4),
+              renderState$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("'
               ))
-            : resumableState$jscomp$0.push('$RX("'))
-        : resumableState$jscomp$0.push('<template data-rxi="" data-bid="');
-      resumableState$jscomp$0.push(renderState$jscomp$1.boundaryPrefix);
+            : renderState$jscomp$0.push('$RX("'))
+        : renderState$jscomp$0.push('<template data-rxi="" data-bid="');
+      renderState$jscomp$0.push(renderState$jscomp$1.boundaryPrefix);
       var chunk$jscomp$0 = id.toString(16);
-      resumableState$jscomp$0.push(chunk$jscomp$0);
-      scriptFormat && resumableState$jscomp$0.push('"');
+      renderState$jscomp$0.push(chunk$jscomp$0);
+      scriptFormat && renderState$jscomp$0.push('"');
       if (errorDigest || errorMessage || errorComponentStack)
         if (scriptFormat) {
-          resumableState$jscomp$0.push(",");
+          renderState$jscomp$0.push(",");
           var chunk$jscomp$1 = escapeJSStringsForInstructionScripts(
             errorDigest || ""
           );
-          resumableState$jscomp$0.push(chunk$jscomp$1);
+          renderState$jscomp$0.push(chunk$jscomp$1);
         } else {
-          resumableState$jscomp$0.push('" data-dgst="');
+          renderState$jscomp$0.push('" data-dgst="');
           var chunk$jscomp$2 = escapeTextForBrowser(errorDigest || "");
-          resumableState$jscomp$0.push(chunk$jscomp$2);
+          renderState$jscomp$0.push(chunk$jscomp$2);
         }
       if (errorMessage || errorComponentStack)
         if (scriptFormat) {
-          resumableState$jscomp$0.push(",");
+          renderState$jscomp$0.push(",");
           var chunk$jscomp$3 = escapeJSStringsForInstructionScripts(
             errorMessage || ""
           );
-          resumableState$jscomp$0.push(chunk$jscomp$3);
+          renderState$jscomp$0.push(chunk$jscomp$3);
         } else {
-          resumableState$jscomp$0.push('" data-msg="');
+          renderState$jscomp$0.push('" data-msg="');
           var chunk$jscomp$4 = escapeTextForBrowser(errorMessage || "");
-          resumableState$jscomp$0.push(chunk$jscomp$4);
+          renderState$jscomp$0.push(chunk$jscomp$4);
         }
       if (errorComponentStack)
         if (scriptFormat) {
-          resumableState$jscomp$0.push(",");
+          renderState$jscomp$0.push(",");
           var chunk$jscomp$5 =
             escapeJSStringsForInstructionScripts(errorComponentStack);
-          resumableState$jscomp$0.push(chunk$jscomp$5);
+          renderState$jscomp$0.push(chunk$jscomp$5);
         } else {
-          resumableState$jscomp$0.push('" data-stck="');
+          renderState$jscomp$0.push('" data-stck="');
           var chunk$jscomp$6 = escapeTextForBrowser(errorComponentStack);
-          resumableState$jscomp$0.push(chunk$jscomp$6);
+          renderState$jscomp$0.push(chunk$jscomp$6);
         }
       if (
         scriptFormat
-          ? !resumableState$jscomp$0.push(")\x3c/script>")
-          : !resumableState$jscomp$0.push('"></template>')
+          ? !renderState$jscomp$0.push(")\x3c/script>")
+          : !renderState$jscomp$0.push('"></template>')
       ) {
         request.destination = null;
         i++;
@@ -4923,35 +4762,35 @@ function flushCompletedQueues(request, destination) {
     completedBoundaries.splice(0, i);
     var partialBoundaries = request.partialBoundaries;
     for (i = 0; i < partialBoundaries.length; i++) {
-      var boundary$31 = partialBoundaries[i];
+      var boundary$32 = partialBoundaries[i];
       a: {
         clientRenderedBoundaries = request;
         boundary = destination;
         clientRenderedBoundaries.renderState.boundaryResources =
-          boundary$31.resources;
-        var completedSegments = boundary$31.completedSegments;
+          boundary$32.resources;
+        var completedSegments = boundary$32.completedSegments;
         for (
-          resumableState$jscomp$1 = 0;
-          resumableState$jscomp$1 < completedSegments.length;
-          resumableState$jscomp$1++
+          resumableState$jscomp$0 = 0;
+          resumableState$jscomp$0 < completedSegments.length;
+          resumableState$jscomp$0++
         )
           if (
             !flushPartiallyCompletedSegment(
               clientRenderedBoundaries,
               boundary,
-              boundary$31,
-              completedSegments[resumableState$jscomp$1]
+              boundary$32,
+              completedSegments[resumableState$jscomp$0]
             )
           ) {
-            resumableState$jscomp$1++;
-            completedSegments.splice(0, resumableState$jscomp$1);
+            resumableState$jscomp$0++;
+            completedSegments.splice(0, resumableState$jscomp$0);
             var JSCompiler_inline_result = !1;
             break a;
           }
-        completedSegments.splice(0, resumableState$jscomp$1);
+        completedSegments.splice(0, resumableState$jscomp$0);
         JSCompiler_inline_result = writeResourcesForBoundary(
           boundary,
-          boundary$31.resources,
+          boundary$32.resources,
           clientRenderedBoundaries.renderState
         );
       }
@@ -5014,8 +4853,8 @@ function abort(request, reason) {
     }
     null !== request.destination &&
       flushCompletedQueues(request, request.destination);
-  } catch (error$33) {
-    logRecoverableError(request, error$33), fatalError(request, error$33);
+  } catch (error$34) {
+    logRecoverableError(request, error$34), fatalError(request, error$34);
   }
 }
 function onError() {}
@@ -5041,16 +4880,12 @@ function renderToStringImpl(
     readyToStream = !1;
   options = createResumableState(
     options ? options.identifierPrefix : void 0,
-    void 0,
-    void 0,
-    void 0,
-    void 0,
     void 0
   );
   children = createRequest(
     children,
     options,
-    createRenderState(options, void 0, generateStaticMarkup),
+    createRenderState(options, generateStaticMarkup),
     createFormatContext(0, null, 0),
     Infinity,
     onError,
@@ -5102,4 +4937,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-335c90b4";
+exports.version = "18.3.0-www-classic-205125c8";
diff --git a/compiled/facebook-www/ReactDOMServer-prod.modern.js b/compiled/facebook-www/ReactDOMServer-prod.modern.js
index 42f61b3643..d95d982320 100644
--- a/compiled/facebook-www/ReactDOMServer-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMServer-prod.modern.js
@@ -194,190 +194,22 @@ var isArrayImpl = Array.isArray,
     preinitStyle: preinitStyle,
     preinitScript: preinitScript,
     preinitModuleScript: preinitModuleScript
-  },
-  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,
+  };
+function createResumableState(identifierPrefix, externalRuntimeConfig) {
+  var streamingFormat = 0;
+  void 0 !== externalRuntimeConfig && (streamingFormat = 1);
+  return {
+    idPrefix: void 0 === identifierPrefix ? "" : identifierPrefix,
     nextFormID: 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()
+    preloadsMap: {},
+    preconnectsMap: {},
+    stylesMap: {},
+    scriptsMap: {}
   };
-  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, tagScope) {
   return {
@@ -715,42 +547,40 @@ function pushLink(
       props.onError
     )
       return pushLinkImpl(target, props);
-    noscriptTagInScope = resumableState.stylesMap.get(insertionMode);
-    noscriptTagInScope ||
-      ((props = assign({}, props, {
-        "data-precedence": props.precedence,
-        precedence: null
-      })),
-      (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: rel,
-        props: props
-      }),
-      resumableState.stylesMap.set(insertionMode, noscriptTagInScope),
-      (props = resumableState.precedences.get(precedence)),
-      props ||
-        ((props = new Set()),
-        resumableState.precedences.set(precedence, props),
-        (insertionMode = {
-          type: "style",
-          chunks: [],
-          state: 0,
-          props: { precedence: precedence, hrefs: [] }
-        }),
-        props.add(insertionMode),
-        resumableState.stylePrecedences.set(precedence, insertionMode)),
-      props.add(noscriptTagInScope));
-    renderState.boundaryResources &&
-      renderState.boundaryResources.add(noscriptTagInScope);
+    noscriptTagInScope = renderState.precedences.get(precedence);
+    resumableState.stylesMap.hasOwnProperty(insertionMode)
+      ? noscriptTagInScope &&
+        (precedence = noscriptTagInScope.get(insertionMode)) &&
+        renderState.boundaryResources &&
+        renderState.boundaryResources.add(precedence)
+      : ((props = assign({}, props, {
+          "data-precedence": props.precedence,
+          precedence: null
+        })),
+        (rel = 0),
+        resumableState.preloadsMap.hasOwnProperty(insertionMode) &&
+          ((href = resumableState.preloadsMap[insertionMode]),
+          null == props.crossOrigin && (props.crossOrigin = href.crossOrigin),
+          null == props.integrity && (props.integrity = href.integrity),
+          (href = renderState.preloadsMap.get(insertionMode))
+            ? ((href.state |= 4), href.state & 3 && (rel = 8))
+            : (rel = 8)),
+        (props = { type: "stylesheet", chunks: [], state: rel, props: props }),
+        (resumableState.stylesMap[insertionMode] = null),
+        noscriptTagInScope ||
+          ((noscriptTagInScope = new Map()),
+          renderState.precedences.set(precedence, noscriptTagInScope),
+          (resumableState = {
+            type: "style",
+            chunks: [],
+            state: 0,
+            props: { precedence: precedence, hrefs: [] }
+          }),
+          noscriptTagInScope.set("", resumableState),
+          renderState.stylePrecedences.set(precedence, resumableState)),
+        noscriptTagInScope.set(insertionMode, props),
+        renderState.boundaryResources &&
+          renderState.boundaryResources.add(props));
     textEmbedded && target.push("\x3c!-- --\x3e");
     return null;
   }
@@ -1306,22 +1136,21 @@ function pushStartInstance(
           props
         );
       else {
-        var key = "[script]" + props.src,
-          resource = resumableState.scriptsMap.get(key);
-        if (!resource) {
-          resource = { type: "script", chunks: [], state: 0, props: null };
-          resumableState.scriptsMap.set(key, resource);
-          resumableState.scripts.add(resource);
-          var scriptProps = props,
-            preloadResource = resumableState.preloadsMap.get(key);
-          if (preloadResource) {
-            preloadResource.state |= 4;
-            var resourceProps = (scriptProps = assign({}, props)),
-              preloadProps = preloadResource.props;
+        var key = "[script]" + props.src;
+        if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+          var resource = { type: "script", chunks: [], state: 0, props: null };
+          resumableState.scriptsMap[key] = null;
+          renderState.scripts.add(resource);
+          var scriptProps = props;
+          if (resumableState.preloadsMap.hasOwnProperty(key)) {
+            var preloadProps = resumableState.preloadsMap[key],
+              resourceProps = (scriptProps = assign({}, props));
             null == resourceProps.crossOrigin &&
               (resourceProps.crossOrigin = preloadProps.crossOrigin);
             null == resourceProps.integrity &&
               (resourceProps.integrity = preloadProps.integrity);
+            var preloadResource = renderState.preloadsMap.get(key);
+            preloadResource && (preloadResource.state |= 4);
           }
           pushScriptImpl(resource.chunks, scriptProps);
         }
@@ -1379,13 +1208,9 @@ function pushStartInstance(
         var JSCompiler_inline_result$jscomp$3 = null;
       } else {
         var key$jscomp$0 = "[style]" + href,
-          resource$jscomp$0 = resumableState.stylesMap.get(key$jscomp$0);
-        if (!resource$jscomp$0) {
-          if (
-            (resource$jscomp$0 =
-              resumableState.stylePrecedences.get(precedence))
-          )
-            resource$jscomp$0.props.hrefs.push(href);
+          resource$jscomp$0 = renderState.stylePrecedences.get(precedence);
+        if (!resumableState.stylesMap.hasOwnProperty(key$jscomp$0)) {
+          if (resource$jscomp$0) resource$jscomp$0.props.hrefs.push(href);
           else {
             resource$jscomp$0 = {
               type: "style",
@@ -1393,14 +1218,12 @@ function pushStartInstance(
               state: 0,
               props: { precedence: precedence, hrefs: [href] }
             };
-            resumableState.stylePrecedences.set(precedence, resource$jscomp$0);
-            var precedenceSet = new Set();
-            precedenceSet.add(resource$jscomp$0);
-            resumableState.precedences.set(precedence, precedenceSet);
+            renderState.stylePrecedences.set(precedence, resource$jscomp$0);
+            var stylesInPrecedence = new Map();
+            stylesInPrecedence.set("", resource$jscomp$0);
+            renderState.precedences.set(precedence, stylesInPrecedence);
           }
-          resumableState.stylesMap.set(key$jscomp$0, resource$jscomp$0);
-          renderState.boundaryResources &&
-            renderState.boundaryResources.add(resource$jscomp$0);
+          resumableState.stylesMap[key$jscomp$0] = null;
           var target = resource$jscomp$0.chunks,
             children$jscomp$5 = null,
             innerHTML$jscomp$4 = null,
@@ -1429,6 +1252,9 @@ function pushStartInstance(
             target.push(escapeTextForBrowser("" + child$jscomp$0));
           pushInnerHTML(target, innerHTML$jscomp$4, children$jscomp$5);
         }
+        resource$jscomp$0 &&
+          renderState.boundaryResources &&
+          renderState.boundaryResources.add(resource$jscomp$0);
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
         JSCompiler_inline_result$jscomp$3 = void 0;
       }
@@ -1519,32 +1345,37 @@ function pushStartInstance(
           ("a" !== srcSet[3] && "A" !== srcSet[3]))
       ) {
         var sizes = props.sizes,
-          key$jscomp$1 = getImagePreloadKey(src, srcSet, sizes),
-          resource$jscomp$1 = resumableState.preloadsMap.get(key$jscomp$1);
-        resource$jscomp$1 ||
-          ((resource$jscomp$1 = {
+          key$jscomp$1 = getImagePreloadKey(src, srcSet, sizes);
+        if (resumableState.preloadsMap.hasOwnProperty(key$jscomp$1))
+          var resource$jscomp$1 = renderState.preloadsMap.get(key$jscomp$1);
+        else {
+          var preloadProps$jscomp$0 = {
+            rel: "preload",
+            as: "image",
+            href: srcSet ? void 0 : src,
+            imageSrcSet: srcSet,
+            imageSizes: sizes,
+            crossOrigin: props.crossOrigin,
+            integrity: props.integrity,
+            type: props.type,
+            fetchPriority: props.fetchPriority,
+            referrerPolicy: props.referrerPolicy
+          };
+          resource$jscomp$1 = {
             type: "preload",
             chunks: [],
             state: 0,
-            props: {
-              rel: "preload",
-              as: "image",
-              href: srcSet ? void 0 : src,
-              imageSrcSet: srcSet,
-              imageSizes: sizes,
-              crossOrigin: props.crossOrigin,
-              integrity: props.integrity,
-              type: props.type,
-              fetchPriority: props.fetchPriority,
-              referrerPolicy: props.referrerPolicy
-            }
-          }),
-          resumableState.preloadsMap.set(key$jscomp$1, resource$jscomp$1),
-          pushLinkImpl(resource$jscomp$1.chunks, resource$jscomp$1.props));
-        "high" === props.fetchPriority ||
-        10 > resumableState.highImagePreloads.size
-          ? resumableState.highImagePreloads.add(resource$jscomp$1)
-          : resumableState.bulkPreloads.add(resource$jscomp$1);
+            props: preloadProps$jscomp$0
+          };
+          resumableState.preloadsMap[key$jscomp$1] = preloadProps$jscomp$0;
+          renderState.preloadsMap.set(key$jscomp$1, resource$jscomp$1);
+          pushLinkImpl(resource$jscomp$1.chunks, preloadProps$jscomp$0);
+        }
+        resource$jscomp$1 &&
+          ("high" === props.fetchPriority ||
+          10 > renderState.highImagePreloads.size
+            ? renderState.highImagePreloads.add(resource$jscomp$1)
+            : renderState.bulkPreloads.add(resource$jscomp$1));
       }
       return pushSelfClosing(target$jscomp$0, props, "img");
     case "base":
@@ -1661,14 +1492,12 @@ function pushStartInstance(
   }
   return pushStartGenericElement(target$jscomp$0, props, type);
 }
-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))
+function writeBootstrap(destination, renderState) {
+  renderState = renderState.bootstrapChunks;
+  for (var i = 0; i < renderState.length - 1; i++)
+    destination.push(renderState[i]);
+  return i < renderState.length
+    ? ((i = renderState[i]), (renderState.length = 0), destination.push(i))
     : !0;
 }
 function writeStartPendingSuspenseBoundary(destination, renderState, id) {
@@ -1867,24 +1696,24 @@ function flushResourceLate(resource) {
 }
 var precedenceStyleTagResource = null,
   didFlushPrecedence = !1;
-function flushStyleInPreamble(resource, key, set) {
-  key = resource.chunks;
-  if (resource.state & 3) set.delete(resource);
+function flushStyleInPreamble(resource, key, map) {
+  var chunks = resource.chunks;
+  if (resource.state & 3) map.delete(key);
   else if ("style" === resource.type) precedenceStyleTagResource = resource;
   else {
-    pushLinkImpl(key, resource.props);
-    for (set = 0; set < key.length; set++) this.push(key[set]);
+    pushLinkImpl(chunks, resource.props);
+    for (key = 0; key < chunks.length; key++) this.push(chunks[key]);
     resource.state |= 1;
     didFlushPrecedence = !0;
   }
 }
-function flushAllStylesInPreamble(set, precedence) {
+function flushAllStylesInPreamble(map, precedence) {
   didFlushPrecedence = !1;
-  set.forEach(flushStyleInPreamble, this);
-  set.clear();
-  set = precedenceStyleTagResource.chunks;
+  map.forEach(flushStyleInPreamble, this);
+  map.clear();
+  map = precedenceStyleTagResource.chunks;
   var hrefs = precedenceStyleTagResource.props.hrefs;
-  if (!1 === didFlushPrecedence || set.length) {
+  if (!1 === didFlushPrecedence || map.length) {
     this.push('<style data-precedence="');
     precedence = escapeTextForBrowser(precedence);
     this.push(precedence);
@@ -1903,10 +1732,10 @@ function flushAllStylesInPreamble(set, precedence) {
       this.push(precedence);
     }
     this.push('">');
-    for (precedence = 0; precedence < set.length; precedence++)
-      this.push(set[precedence]);
+    for (precedence = 0; precedence < map.length; precedence++)
+      this.push(map[precedence]);
     this.push("</style>");
-    set.length = 0;
+    map.length = 0;
     hrefs.length = 0;
   }
 }
@@ -1930,9 +1759,9 @@ function preloadLateStyle(resource) {
     chunks.length = 0;
   }
 }
-function preloadLateStyles(set) {
-  set.forEach(preloadLateStyle, this);
-  set.clear();
+function preloadLateStyles(map) {
+  map.forEach(preloadLateStyle, this);
+  map.clear();
 }
 function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
   destination.push("[");
@@ -2129,15 +1958,21 @@ function writeStyleResourceAttributeInAttr(destination, name, value) {
 function prefetchDNS(href) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if ("string" === typeof href && href) {
-      var key = "[prefetchDNS]" + href,
-        resource = resumableState.preconnectsMap.get(key);
-      resource ||
-        ((resource = { type: "preconnect", chunks: [], state: 0, props: null }),
-        resumableState.preconnectsMap.set(key, resource),
-        pushLinkImpl(resource.chunks, { href: href, rel: "dns-prefetch" }));
-      resumableState.preconnects.add(resource);
+      var key = "[prefetchDNS]" + href;
+      if (!resumableState.preconnectsMap.hasOwnProperty(key)) {
+        var resource = {
+          type: "preconnect",
+          chunks: [],
+          state: 0,
+          props: null
+        };
+        resumableState.preconnectsMap[key] = null;
+        pushLinkImpl(resource.chunks, { href: href, rel: "dns-prefetch" });
+        renderState.preconnects.add(resource);
+      }
       enqueueFlush(request);
     }
   }
@@ -2145,23 +1980,29 @@ function prefetchDNS(href) {
 function preconnect(href, crossOrigin) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if ("string" === typeof href && href) {
       var key =
-          "[preconnect][" +
-          ("string" === typeof crossOrigin ? crossOrigin : "null") +
-          "]" +
-          href,
-        resource = resumableState.preconnectsMap.get(key);
-      resource ||
-        ((resource = { type: "preconnect", chunks: [], state: 0, props: null }),
-        resumableState.preconnectsMap.set(key, resource),
+        "[preconnect][" +
+        ("string" === typeof crossOrigin ? crossOrigin : "null") +
+        "]" +
+        href;
+      if (!resumableState.preconnectsMap.hasOwnProperty(key)) {
+        var resource = {
+          type: "preconnect",
+          chunks: [],
+          state: 0,
+          props: null
+        };
+        resumableState.preconnectsMap[key] = null;
         pushLinkImpl(resource.chunks, {
           rel: "preconnect",
           href: href,
           crossOrigin: crossOrigin
-        }));
-      resumableState.preconnects.add(resource);
+        });
+        renderState.preconnects.add(resource);
+      }
       enqueueFlush(request);
     }
   }
@@ -2169,35 +2010,32 @@ function preconnect(href, crossOrigin) {
 function preload(href, as, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if (as && href) {
       options = options || {};
       var key =
         "image" === as
           ? getImagePreloadKey(href, options.imageSrcSet, options.imageSizes)
           : "[" + as + "]" + href;
-      var resource = resumableState.preloadsMap.get(key);
-      resource ||
-        ((resource = {
-          type: "preload",
-          chunks: [],
-          state: 0,
-          props: assign(
-            {
-              rel: "preload",
-              href: "image" === as && options.imageSrcSet ? void 0 : href,
-              as: as
-            },
-            options
-          )
-        }),
-        resumableState.preloadsMap.set(key, resource),
-        pushLinkImpl(resource.chunks, resource.props));
-      "font" === as
-        ? resumableState.fontPreloads.add(resource)
-        : "image" === as && "high" === resource.props.fetchPriority
-        ? resumableState.highImagePreloads.add(resource)
-        : resumableState.bulkPreloads.add(resource);
+      resumableState.preloadsMap.hasOwnProperty(key) ||
+        ((href = assign(
+          {
+            rel: "preload",
+            href: "image" === as && options.imageSrcSet ? void 0 : href,
+            as: as
+          },
+          options
+        )),
+        (options = { type: "preload", chunks: [], state: 0, props: href }),
+        (resumableState.preloadsMap[key] = href),
+        renderState.preloadsMap.set(key, options),
+        pushLinkImpl(options.chunks, href),
+        "font" === as
+          ? renderState.fontPreloads.add(options)
+          : "image" === as && "high" === options.props.fetchPriority
+          ? renderState.highImagePreloads.add(options)
+          : renderState.bulkPreloads.add(options));
       enqueueFlush(request);
     }
   }
@@ -2205,20 +2043,21 @@ function preload(href, as, options) {
 function preloadModule(href, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if (href) {
       var key =
-          "[" +
-          (options && "string" === typeof options.as ? options.as : "script") +
-          "]" +
-          href,
-        resource = resumableState.preloadsMap.get(key);
-      href = assign({ rel: "modulepreload", href: href }, options);
-      resource ||
-        ((resource = { type: "preload", chunks: [], state: 0, props: href }),
-        resumableState.preloadsMap.set(key, resource),
-        pushLinkImpl(resource.chunks, resource.props));
-      resumableState.bulkPreloads.add(resource);
+        "[" +
+        (options && "string" === typeof options.as ? options.as : "script") +
+        "]" +
+        href;
+      resumableState.preloadsMap.hasOwnProperty(key) ||
+        ((href = assign({ rel: "modulepreload", href: href }, options)),
+        (options = { type: "preload", chunks: [], state: 0, props: href }),
+        (resumableState.preloadsMap[key] = href),
+        renderState.preloadsMap.set(key, options),
+        pushLinkImpl(options.chunks, options.props),
+        renderState.bulkPreloads.add(options));
       enqueueFlush(request);
     }
   }
@@ -2226,39 +2065,36 @@ function preloadModule(href, options) {
 function preinitStyle(href, precedence, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if (href) {
-      var key = "[style]" + href,
-        resource = resumableState.stylesMap.get(key);
-      if (!resource) {
+      var key = "[style]" + href;
+      if (!resumableState.stylesMap.hasOwnProperty(key)) {
         precedence = precedence || "default";
-        resource = 0;
-        var preloadResource = resumableState.preloadsMap.get(key);
-        preloadResource && preloadResource.state & 3 && (resource = 8);
+        var state = 0,
+          preloadResource = renderState.preloadsMap.get(key);
+        preloadResource && preloadResource.state & 3
+          ? (state = 8)
+          : resumableState.preloadsMap.hasOwnProperty(key) && (state = 8);
         href = assign(
           { rel: "stylesheet", href: href, "data-precedence": precedence },
           options
         );
-        resource = {
-          type: "stylesheet",
-          chunks: [],
-          state: resource,
-          props: href
-        };
-        resumableState.stylesMap.set(key, resource);
-        key = resumableState.precedences.get(precedence);
-        key ||
-          ((key = new Set()),
-          resumableState.precedences.set(precedence, key),
+        state = { type: "stylesheet", chunks: [], state: state, props: href };
+        resumableState.stylesMap[key] = null;
+        resumableState = renderState.precedences.get(precedence);
+        resumableState ||
+          ((resumableState = new Map()),
+          renderState.precedences.set(precedence, resumableState),
           (href = {
             type: "style",
             chunks: [],
             state: 0,
             props: { precedence: precedence, hrefs: [] }
           }),
-          key.add(href),
-          resumableState.stylePrecedences.set(precedence, href));
-        key.add(resource);
+          resumableState.set("", href),
+          renderState.stylePrecedences.set(precedence, href));
+        resumableState.set(key, state);
         enqueueFlush(request);
       }
     }
@@ -2267,58 +2103,79 @@ function preinitStyle(href, precedence, options) {
 function preinitScript(src, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if (src) {
-      var key = "[script]" + src,
-        resource = resumableState.scriptsMap.get(key);
-      resource ||
-        ((resource = { type: "script", chunks: [], state: 0, props: null }),
-        resumableState.scriptsMap.set(key, resource),
-        (src = assign({ src: src, async: !0 }, options)),
-        resumableState.scripts.add(resource),
-        pushScriptImpl(resource.chunks, src),
-        enqueueFlush(request));
+      var key = "[script]" + src;
+      if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+        var resource = { type: "script", chunks: [], state: 0, props: null };
+        resumableState.scriptsMap[key] = null;
+        src = assign({ src: src, async: !0 }, options);
+        renderState.scripts.add(resource);
+        pushScriptImpl(resource.chunks, src);
+        enqueueFlush(request);
+      }
     }
   }
 }
 function preinitModuleScript(src, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if (src) {
-      var key = "[script]" + src,
-        resource = resumableState.scriptsMap.get(key);
-      resource ||
-        ((resource = { type: "script", chunks: [], state: 0, props: null }),
-        resumableState.scriptsMap.set(key, resource),
-        (src = assign({ src: src, type: "module", async: !0 }, options)),
-        resumableState.scripts.add(resource),
-        pushScriptImpl(resource.chunks, src),
-        enqueueFlush(request));
+      var key = "[script]" + src;
+      if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+        var resource = { type: "script", chunks: [], state: 0, props: null };
+        resumableState.scriptsMap[key] = null;
+        src = assign({ src: src, type: "module", async: !0 }, options);
+        renderState.scripts.add(resource);
+        pushScriptImpl(resource.chunks, src);
+        enqueueFlush(request);
+      }
     }
   }
 }
 function hoistStyleResource(resource) {
   this.add(resource);
 }
-function createRenderState(resumableState, nonce, generateStaticMarkup) {
-  nonce =
-    void 0 === nonce
-      ? "<script>"
-      : '<script nonce="' + escapeTextForBrowser(nonce) + '">';
-  resumableState = resumableState.idPrefix;
+function createRenderState(resumableState, generateStaticMarkup) {
+  var idPrefix = resumableState.idPrefix;
+  resumableState = idPrefix + "P:";
+  var JSCompiler_object_inline_segmentPrefix_1565 = idPrefix + "S:";
+  idPrefix += "B:";
+  var JSCompiler_object_inline_preconnects_1577 = new Set(),
+    JSCompiler_object_inline_fontPreloads_1578 = new Set(),
+    JSCompiler_object_inline_highImagePreloads_1579 = new Set(),
+    JSCompiler_object_inline_precedences_1580 = new Map(),
+    JSCompiler_object_inline_stylePrecedences_1581 = new Map(),
+    JSCompiler_object_inline_bootstrapScripts_1582 = new Set(),
+    JSCompiler_object_inline_scripts_1583 = new Set(),
+    JSCompiler_object_inline_bulkPreloads_1584 = new Set(),
+    JSCompiler_object_inline_preloadsMap_1585 = new Map();
   return {
-    placeholderPrefix: resumableState + "P:",
-    segmentPrefix: resumableState + "S:",
-    boundaryPrefix: resumableState + "B:",
-    startInlineScript: nonce,
+    placeholderPrefix: resumableState,
+    segmentPrefix: JSCompiler_object_inline_segmentPrefix_1565,
+    boundaryPrefix: idPrefix,
+    startInlineScript: "<script>",
     htmlChunks: null,
     headChunks: null,
+    externalRuntimeScript: null,
+    bootstrapChunks: [],
     charsetChunks: [],
     preconnectChunks: [],
     importMapChunks: [],
     preloadChunks: [],
     hoistableChunks: [],
+    preconnects: JSCompiler_object_inline_preconnects_1577,
+    fontPreloads: JSCompiler_object_inline_fontPreloads_1578,
+    highImagePreloads: JSCompiler_object_inline_highImagePreloads_1579,
+    precedences: JSCompiler_object_inline_precedences_1580,
+    stylePrecedences: JSCompiler_object_inline_stylePrecedences_1581,
+    bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1582,
+    scripts: JSCompiler_object_inline_scripts_1583,
+    bulkPreloads: JSCompiler_object_inline_bulkPreloads_1584,
+    preloadsMap: JSCompiler_object_inline_preloadsMap_1585,
     boundaryResources: null,
     stylesToHoist: !1,
     generateStaticMarkup: generateStaticMarkup
@@ -2774,11 +2631,11 @@ function useFormState(action, initialState, permalink) {
       });
     return [initialState, action];
   }
-  var boundAction$10 = action.bind(null, initialState);
+  var boundAction$11 = action.bind(null, initialState);
   return [
     initialState,
     function (payload) {
-      boundAction$10(payload);
+      boundAction$11(payload);
     }
   ];
 }
@@ -4053,15 +3910,15 @@ function renderNode(request, task, node, childIndex) {
       chunkLength = segment.chunks.length;
     try {
       return renderNodeDestructiveImpl(request, task, null, node, childIndex);
-    } catch (thrownValue$27) {
+    } catch (thrownValue$28) {
       if (
         (resetHooksState(),
         (segment.children.length = childrenLength),
         (segment.chunks.length = chunkLength),
         (node =
-          thrownValue$27 === SuspenseException
+          thrownValue$28 === SuspenseException
             ? getSuspendedThenable()
-            : thrownValue$27),
+            : thrownValue$28),
         "object" === typeof node &&
           null !== node &&
           "function" === typeof node.then)
@@ -4570,12 +4427,12 @@ function flushCompletedBoundary(request, destination, boundary) {
     : requiresStyleInsertion
     ? destination.push('<template data-rri="" data-bid="')
     : destination.push('<template data-rci="" data-bid="');
-  i = i.toString(16);
+  completedSegments = i.toString(16);
   destination.push(request.boundaryPrefix);
-  destination.push(i);
+  destination.push(completedSegments);
   scriptFormat ? destination.push('","') : destination.push('" data-sid="');
   destination.push(request.segmentPrefix);
-  destination.push(i);
+  destination.push(completedSegments);
   requiresStyleInsertion
     ? scriptFormat
       ? (destination.push('",'),
@@ -4583,10 +4440,10 @@ function flushCompletedBoundary(request, destination, boundary) {
       : (destination.push('" data-sty="'),
         writeStyleResourceDependenciesInAttr(destination, boundary))
     : scriptFormat && destination.push('"');
-  request = scriptFormat
+  completedSegments = scriptFormat
     ? destination.push(")\x3c/script>")
     : destination.push('"></template>');
-  return writeBootstrap(destination, completedSegments) && request;
+  return writeBootstrap(destination, request) && completedSegments;
 }
 function flushPartiallyCompletedSegment(
   request,
@@ -4632,43 +4489,44 @@ function flushCompletedQueues(request, destination) {
       completedRootSegment = request.completedRootSegment;
     if (null !== completedRootSegment)
       if (0 === request.pendingRootTasks) {
-        var resumableState = request.resumableState,
-          renderState = request.renderState;
+        var renderState = request.renderState;
         if (
-          0 !== request.allPendingTasks &&
-          resumableState.externalRuntimeScript
+          (0 !== request.allPendingTasks ||
+            (null !== request.trackedPostpones &&
+              0 !== request.trackedPostpones.workingMap.size)) &&
+          renderState.externalRuntimeScript
         ) {
-          var _resumableState$exter = resumableState.externalRuntimeScript,
-            chunks = _resumableState$exter.chunks,
-            key = "[script]" + _resumableState$exter.src,
-            resource = resumableState.scriptsMap.get(key);
-          resource ||
-            ((resource = {
+          var _renderState$external = renderState.externalRuntimeScript,
+            resumableState = request.resumableState,
+            chunks = _renderState$external.chunks,
+            key = "[script]" + _renderState$external.src;
+          resumableState.scriptsMap.hasOwnProperty(key) ||
+            ((_renderState$external = {
               type: "script",
               chunks: chunks,
               state: 0,
               props: null
             }),
-            resumableState.scriptsMap.set(key, resource),
-            resumableState.scripts.add(resource));
+            (resumableState.scriptsMap[key] = null),
+            renderState.scripts.add(_renderState$external));
         }
         var htmlChunks = renderState.htmlChunks,
           headChunks = renderState.headChunks;
-        _resumableState$exter = 0;
+        resumableState = 0;
         if (htmlChunks) {
           for (
-            _resumableState$exter = 0;
-            _resumableState$exter < htmlChunks.length;
-            _resumableState$exter++
+            resumableState = 0;
+            resumableState < htmlChunks.length;
+            resumableState++
           )
-            destination.push(htmlChunks[_resumableState$exter]);
+            destination.push(htmlChunks[resumableState]);
           if (headChunks)
             for (
-              _resumableState$exter = 0;
-              _resumableState$exter < headChunks.length;
-              _resumableState$exter++
+              resumableState = 0;
+              resumableState < headChunks.length;
+              resumableState++
             )
-              destination.push(headChunks[_resumableState$exter]);
+              destination.push(headChunks[resumableState]);
           else {
             var chunk = startChunkForTag("head");
             destination.push(chunk);
@@ -4676,80 +4534,68 @@ function flushCompletedQueues(request, destination) {
           }
         } else if (headChunks)
           for (
-            _resumableState$exter = 0;
-            _resumableState$exter < headChunks.length;
-            _resumableState$exter++
+            resumableState = 0;
+            resumableState < headChunks.length;
+            resumableState++
           )
-            destination.push(headChunks[_resumableState$exter]);
+            destination.push(headChunks[resumableState]);
         var charsetChunks = renderState.charsetChunks;
         for (
-          _resumableState$exter = 0;
-          _resumableState$exter < charsetChunks.length;
-          _resumableState$exter++
+          resumableState = 0;
+          resumableState < charsetChunks.length;
+          resumableState++
         )
-          destination.push(charsetChunks[_resumableState$exter]);
+          destination.push(charsetChunks[resumableState]);
         charsetChunks.length = 0;
-        resumableState.preconnects.forEach(
-          flushResourceInPreamble,
-          destination
-        );
-        resumableState.preconnects.clear();
+        renderState.preconnects.forEach(flushResourceInPreamble, destination);
+        renderState.preconnects.clear();
         var preconnectChunks = renderState.preconnectChunks;
         for (
-          _resumableState$exter = 0;
-          _resumableState$exter < preconnectChunks.length;
-          _resumableState$exter++
+          resumableState = 0;
+          resumableState < preconnectChunks.length;
+          resumableState++
         )
-          destination.push(preconnectChunks[_resumableState$exter]);
+          destination.push(preconnectChunks[resumableState]);
         preconnectChunks.length = 0;
-        resumableState.fontPreloads.forEach(
+        renderState.fontPreloads.forEach(flushResourceInPreamble, destination);
+        renderState.fontPreloads.clear();
+        renderState.highImagePreloads.forEach(
           flushResourceInPreamble,
           destination
         );
-        resumableState.fontPreloads.clear();
-        resumableState.highImagePreloads.forEach(
-          flushResourceInPreamble,
-          destination
-        );
-        resumableState.highImagePreloads.clear();
-        resumableState.precedences.forEach(
-          flushAllStylesInPreamble,
-          destination
-        );
+        renderState.highImagePreloads.clear();
+        renderState.precedences.forEach(flushAllStylesInPreamble, destination);
         var importMapChunks = renderState.importMapChunks;
         for (
-          _resumableState$exter = 0;
-          _resumableState$exter < importMapChunks.length;
-          _resumableState$exter++
+          resumableState = 0;
+          resumableState < importMapChunks.length;
+          resumableState++
         )
-          destination.push(importMapChunks[_resumableState$exter]);
+          destination.push(importMapChunks[resumableState]);
         importMapChunks.length = 0;
-        resumableState.bootstrapScripts.forEach(
+        renderState.bootstrapScripts.forEach(
           flushResourceInPreamble,
           destination
         );
-        resumableState.scripts.forEach(flushResourceInPreamble, destination);
-        resumableState.scripts.clear();
-        resumableState.bulkPreloads.forEach(
-          flushResourceInPreamble,
-          destination
-        );
-        resumableState.bulkPreloads.clear();
+        renderState.scripts.forEach(flushResourceInPreamble, destination);
+        renderState.scripts.clear();
+        renderState.bulkPreloads.forEach(flushResourceInPreamble, destination);
+        renderState.bulkPreloads.clear();
         var preloadChunks = renderState.preloadChunks;
         for (
-          _resumableState$exter = 0;
-          _resumableState$exter < preloadChunks.length;
-          _resumableState$exter++
+          resumableState = 0;
+          resumableState < preloadChunks.length;
+          resumableState++
         )
-          destination.push(preloadChunks[_resumableState$exter]);
+          destination.push(preloadChunks[resumableState]);
         preloadChunks.length = 0;
         var hoistableChunks = renderState.hoistableChunks;
         for (
-          _resumableState$exter = 0;
-          _resumableState$exter < hoistableChunks.length;
-          _resumableState$exter++
+          resumableState = 0;
+          resumableState < hoistableChunks.length;
+          resumableState++
         )
-          destination.push(hoistableChunks[_resumableState$exter]);
+          destination.push(hoistableChunks[resumableState]);
         hoistableChunks.length = 0;
         htmlChunks &&
           null === headChunks &&
@@ -4758,13 +4604,12 @@ function flushCompletedQueues(request, destination) {
           destination.push(">"));
         flushSegment(request, destination, completedRootSegment);
         request.completedRootSegment = null;
-        writeBootstrap(destination, request.resumableState);
+        writeBootstrap(destination, request.renderState);
       } else return;
-    var resumableState$jscomp$0 = request.resumableState,
-      renderState$jscomp$0 = request.renderState;
+    var renderState$jscomp$0 = request.renderState;
     completedRootSegment = 0;
-    resumableState$jscomp$0.preconnects.forEach(flushResourceLate, destination);
-    resumableState$jscomp$0.preconnects.clear();
+    renderState$jscomp$0.preconnects.forEach(flushResourceLate, destination);
+    renderState$jscomp$0.preconnects.clear();
     var preconnectChunks$jscomp$0 = renderState$jscomp$0.preconnectChunks;
     for (
       completedRootSegment = 0;
@@ -4773,24 +4618,18 @@ function flushCompletedQueues(request, destination) {
     )
       destination.push(preconnectChunks$jscomp$0[completedRootSegment]);
     preconnectChunks$jscomp$0.length = 0;
-    resumableState$jscomp$0.fontPreloads.forEach(
-      flushResourceLate,
-      destination
-    );
-    resumableState$jscomp$0.fontPreloads.clear();
-    resumableState$jscomp$0.highImagePreloads.forEach(
+    renderState$jscomp$0.fontPreloads.forEach(flushResourceLate, destination);
+    renderState$jscomp$0.fontPreloads.clear();
+    renderState$jscomp$0.highImagePreloads.forEach(
       flushResourceInPreamble,
       destination
     );
-    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();
+    renderState$jscomp$0.highImagePreloads.clear();
+    renderState$jscomp$0.precedences.forEach(preloadLateStyles, destination);
+    renderState$jscomp$0.scripts.forEach(flushResourceLate, destination);
+    renderState$jscomp$0.scripts.clear();
+    renderState$jscomp$0.bulkPreloads.forEach(flushResourceLate, destination);
+    renderState$jscomp$0.bulkPreloads.clear();
     var preloadChunks$jscomp$0 = renderState$jscomp$0.preloadChunks;
     for (
       completedRootSegment = 0;
@@ -4810,66 +4649,66 @@ function flushCompletedQueues(request, destination) {
     var clientRenderedBoundaries = request.clientRenderedBoundaries;
     for (i = 0; i < clientRenderedBoundaries.length; i++) {
       var boundary = clientRenderedBoundaries[i];
-      resumableState$jscomp$0 = destination;
-      var resumableState$jscomp$1 = request.resumableState,
+      renderState$jscomp$0 = destination;
+      var resumableState$jscomp$0 = request.resumableState,
         renderState$jscomp$1 = request.renderState,
         id = boundary.rootSegmentID,
         errorDigest = boundary.errorDigest,
         errorMessage = boundary.errorMessage,
         errorComponentStack = boundary.errorComponentStack,
-        scriptFormat = 0 === resumableState$jscomp$1.streamingFormat;
+        scriptFormat = 0 === resumableState$jscomp$0.streamingFormat;
       scriptFormat
-        ? (resumableState$jscomp$0.push(renderState$jscomp$1.startInlineScript),
-          0 === (resumableState$jscomp$1.instructions & 4)
-            ? ((resumableState$jscomp$1.instructions |= 4),
-              resumableState$jscomp$0.push(
+        ? (renderState$jscomp$0.push(renderState$jscomp$1.startInlineScript),
+          0 === (resumableState$jscomp$0.instructions & 4)
+            ? ((resumableState$jscomp$0.instructions |= 4),
+              renderState$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("'
               ))
-            : resumableState$jscomp$0.push('$RX("'))
-        : resumableState$jscomp$0.push('<template data-rxi="" data-bid="');
-      resumableState$jscomp$0.push(renderState$jscomp$1.boundaryPrefix);
+            : renderState$jscomp$0.push('$RX("'))
+        : renderState$jscomp$0.push('<template data-rxi="" data-bid="');
+      renderState$jscomp$0.push(renderState$jscomp$1.boundaryPrefix);
       var chunk$jscomp$0 = id.toString(16);
-      resumableState$jscomp$0.push(chunk$jscomp$0);
-      scriptFormat && resumableState$jscomp$0.push('"');
+      renderState$jscomp$0.push(chunk$jscomp$0);
+      scriptFormat && renderState$jscomp$0.push('"');
       if (errorDigest || errorMessage || errorComponentStack)
         if (scriptFormat) {
-          resumableState$jscomp$0.push(",");
+          renderState$jscomp$0.push(",");
           var chunk$jscomp$1 = escapeJSStringsForInstructionScripts(
             errorDigest || ""
           );
-          resumableState$jscomp$0.push(chunk$jscomp$1);
+          renderState$jscomp$0.push(chunk$jscomp$1);
         } else {
-          resumableState$jscomp$0.push('" data-dgst="');
+          renderState$jscomp$0.push('" data-dgst="');
           var chunk$jscomp$2 = escapeTextForBrowser(errorDigest || "");
-          resumableState$jscomp$0.push(chunk$jscomp$2);
+          renderState$jscomp$0.push(chunk$jscomp$2);
         }
       if (errorMessage || errorComponentStack)
         if (scriptFormat) {
-          resumableState$jscomp$0.push(",");
+          renderState$jscomp$0.push(",");
           var chunk$jscomp$3 = escapeJSStringsForInstructionScripts(
             errorMessage || ""
           );
-          resumableState$jscomp$0.push(chunk$jscomp$3);
+          renderState$jscomp$0.push(chunk$jscomp$3);
         } else {
-          resumableState$jscomp$0.push('" data-msg="');
+          renderState$jscomp$0.push('" data-msg="');
           var chunk$jscomp$4 = escapeTextForBrowser(errorMessage || "");
-          resumableState$jscomp$0.push(chunk$jscomp$4);
+          renderState$jscomp$0.push(chunk$jscomp$4);
         }
       if (errorComponentStack)
         if (scriptFormat) {
-          resumableState$jscomp$0.push(",");
+          renderState$jscomp$0.push(",");
           var chunk$jscomp$5 =
             escapeJSStringsForInstructionScripts(errorComponentStack);
-          resumableState$jscomp$0.push(chunk$jscomp$5);
+          renderState$jscomp$0.push(chunk$jscomp$5);
         } else {
-          resumableState$jscomp$0.push('" data-stck="');
+          renderState$jscomp$0.push('" data-stck="');
           var chunk$jscomp$6 = escapeTextForBrowser(errorComponentStack);
-          resumableState$jscomp$0.push(chunk$jscomp$6);
+          renderState$jscomp$0.push(chunk$jscomp$6);
         }
       if (
         scriptFormat
-          ? !resumableState$jscomp$0.push(")\x3c/script>")
-          : !resumableState$jscomp$0.push('"></template>')
+          ? !renderState$jscomp$0.push(")\x3c/script>")
+          : !renderState$jscomp$0.push('"></template>')
       ) {
         request.destination = null;
         i++;
@@ -4891,35 +4730,35 @@ function flushCompletedQueues(request, destination) {
     completedBoundaries.splice(0, i);
     var partialBoundaries = request.partialBoundaries;
     for (i = 0; i < partialBoundaries.length; i++) {
-      var boundary$31 = partialBoundaries[i];
+      var boundary$32 = partialBoundaries[i];
       a: {
         clientRenderedBoundaries = request;
         boundary = destination;
         clientRenderedBoundaries.renderState.boundaryResources =
-          boundary$31.resources;
-        var completedSegments = boundary$31.completedSegments;
+          boundary$32.resources;
+        var completedSegments = boundary$32.completedSegments;
         for (
-          resumableState$jscomp$1 = 0;
-          resumableState$jscomp$1 < completedSegments.length;
-          resumableState$jscomp$1++
+          resumableState$jscomp$0 = 0;
+          resumableState$jscomp$0 < completedSegments.length;
+          resumableState$jscomp$0++
         )
           if (
             !flushPartiallyCompletedSegment(
               clientRenderedBoundaries,
               boundary,
-              boundary$31,
-              completedSegments[resumableState$jscomp$1]
+              boundary$32,
+              completedSegments[resumableState$jscomp$0]
             )
           ) {
-            resumableState$jscomp$1++;
-            completedSegments.splice(0, resumableState$jscomp$1);
+            resumableState$jscomp$0++;
+            completedSegments.splice(0, resumableState$jscomp$0);
             var JSCompiler_inline_result = !1;
             break a;
           }
-        completedSegments.splice(0, resumableState$jscomp$1);
+        completedSegments.splice(0, resumableState$jscomp$0);
         JSCompiler_inline_result = writeResourcesForBoundary(
           boundary,
-          boundary$31.resources,
+          boundary$32.resources,
           clientRenderedBoundaries.renderState
         );
       }
@@ -4982,8 +4821,8 @@ function abort(request, reason) {
     }
     null !== request.destination &&
       flushCompletedQueues(request, request.destination);
-  } catch (error$33) {
-    logRecoverableError(request, error$33), fatalError(request, error$33);
+  } catch (error$34) {
+    logRecoverableError(request, error$34), fatalError(request, error$34);
   }
 }
 function onError() {}
@@ -5009,16 +4848,12 @@ function renderToStringImpl(
     readyToStream = !1;
   options = createResumableState(
     options ? options.identifierPrefix : void 0,
-    void 0,
-    void 0,
-    void 0,
-    void 0,
     void 0
   );
   children = createRequest(
     children,
     options,
-    createRenderState(options, void 0, generateStaticMarkup),
+    createRenderState(options, generateStaticMarkup),
     createFormatContext(0, null, 0),
     Infinity,
     onError,
@@ -5070,4 +4905,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-ad960bdf";
+exports.version = "18.3.0-www-modern-e521a02d";
diff --git a/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js b/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
index 1929dbdb3a..8665a048f5 100644
--- a/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
+++ b/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
@@ -1928,7 +1928,15 @@ var importMapScriptEnd = stringToPrecomputedChunk("</script>"); // Allows us to
 // if passed externalRuntimeConfig and the enableFizzExternalRuntime feature flag
 // is set, the server will send instructions via data attributes (instead of inline scripts)
 
-function createRenderState(resumableState, nonce, importMap) {
+function createRenderState(
+  resumableState,
+  nonce,
+  bootstrapScriptContent,
+  bootstrapScripts,
+  bootstrapModules,
+  externalRuntimeConfig,
+  importMap
+) {
   var inlineScriptWithNonce =
     nonce === undefined
       ? startInlineScript
@@ -1936,57 +1944,10 @@ function createRenderState(resumableState, nonce, importMap) {
           '<script nonce="' + escapeTextForBrowser(nonce) + '">'
         );
   var idPrefix = resumableState.idPrefix;
-  var importMapChunks = [];
-
-  if (importMap !== undefined) {
-    var map = importMap;
-    importMapChunks.push(importMapScriptStart);
-    importMapChunks.push(
-      stringToChunk(
-        escapeBootstrapAndImportMapScriptContent(JSON.stringify(map))
-      )
-    );
-    importMapChunks.push(importMapScriptEnd);
-  }
-
-  return {
-    placeholderPrefix: stringToPrecomputedChunk(idPrefix + "P:"),
-    segmentPrefix: stringToPrecomputedChunk(idPrefix + "S:"),
-    boundaryPrefix: stringToPrecomputedChunk(idPrefix + "B:"),
-    startInlineScript: inlineScriptWithNonce,
-    htmlChunks: null,
-    headChunks: null,
-    charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks: importMapChunks,
-    preloadChunks: [],
-    hoistableChunks: [],
-    nonce: nonce,
-    // like a module global for currently rendering boundary
-    boundaryResources: null,
-    stylesToHoist: false
-  };
-}
-function createResumableState(
-  identifierPrefix,
-  nonce,
-  bootstrapScriptContent,
-  bootstrapScripts,
-  bootstrapModules,
-  externalRuntimeConfig
-) {
-  var idPrefix = identifierPrefix === undefined ? "" : identifierPrefix;
   var bootstrapChunks = [];
-  var streamingFormat = ScriptStreamingFormat;
   var externalRuntimeScript = null;
 
   if (bootstrapScriptContent !== undefined) {
-    var inlineScriptWithNonce =
-      nonce === undefined
-        ? startInlineScript
-        : stringToPrecomputedChunk(
-            '<script nonce="' + escapeTextForBrowser(nonce) + '">'
-          );
     bootstrapChunks.push(
       inlineScriptWithNonce,
       stringToChunk(
@@ -1998,8 +1959,6 @@ function createResumableState(
 
   {
     if (externalRuntimeConfig !== undefined) {
-      streamingFormat = DataStreamingFormat;
-
       if (typeof externalRuntimeConfig === "string") {
         externalRuntimeScript = {
           src: externalRuntimeConfig,
@@ -2026,21 +1985,33 @@ function createResumableState(
     }
   }
 
-  var resumableState = {
+  var importMapChunks = [];
+
+  if (importMap !== undefined) {
+    var map = importMap;
+    importMapChunks.push(importMapScriptStart);
+    importMapChunks.push(
+      stringToChunk(
+        escapeBootstrapAndImportMapScriptContent(JSON.stringify(map))
+      )
+    );
+    importMapChunks.push(importMapScriptEnd);
+  }
+
+  var renderState = {
+    placeholderPrefix: stringToPrecomputedChunk(idPrefix + "P:"),
+    segmentPrefix: stringToPrecomputedChunk(idPrefix + "S:"),
+    boundaryPrefix: stringToPrecomputedChunk(idPrefix + "B:"),
+    startInlineScript: inlineScriptWithNonce,
+    htmlChunks: null,
+    headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
-    idPrefix: idPrefix,
-    nextFormID: 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(),
+    charsetChunks: [],
+    preconnectChunks: [],
+    importMapChunks: importMapChunks,
+    preloadChunks: [],
+    hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
     fontPreloads: new Set(),
@@ -2050,7 +2021,12 @@ function createResumableState(
     stylePrecedences: new Map(),
     bootstrapScripts: new Set(),
     scripts: new Set(),
-    bulkPreloads: new Set()
+    bulkPreloads: new Set(),
+    preloadsMap: new Map(),
+    nonce: nonce,
+    // like a module global for currently rendering boundary
+    boundaryResources: null,
+    stylesToHoist: false
   };
 
   if (bootstrapScripts !== undefined) {
@@ -2068,6 +2044,7 @@ function createResumableState(
           : "";
       preloadBootstrapScript(
         resumableState,
+        renderState,
         src,
         nonce,
         integrity,
@@ -2122,6 +2099,7 @@ function createResumableState(
 
       preloadBootstrapModule(
         resumableState,
+        renderState,
         _src,
         nonce,
         _integrity,
@@ -2157,7 +2135,32 @@ function createResumableState(
     }
   }
 
-  return resumableState;
+  return renderState;
+}
+function createResumableState(identifierPrefix, externalRuntimeConfig) {
+  var idPrefix = identifierPrefix === undefined ? "" : identifierPrefix;
+  var streamingFormat = ScriptStreamingFormat;
+
+  {
+    if (externalRuntimeConfig !== undefined) {
+      streamingFormat = DataStreamingFormat;
+    }
+  }
+
+  return {
+    idPrefix: idPrefix,
+    nextFormID: 0,
+    streamingFormat: streamingFormat,
+    instructions: NothingSent,
+    hasBody: false,
+    hasHtml: false,
+    // @TODO add bootstrap script to implicit preloads
+    // persistent
+    preloadsMap: {},
+    preconnectsMap: {},
+    stylesMap: {},
+    scriptsMap: {}
+  };
 } // 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.
@@ -3698,39 +3701,43 @@ function pushLink(
         return pushLinkImpl(target, props);
       } else {
         // This stylesheet refers to a Resource and we create a new one if necessary
-        var resource = resumableState.stylesMap.get(key);
+        var stylesInPrecedence = renderState.precedences.get(precedence);
 
-        if (!resource) {
+        if (!resumableState.stylesMap.hasOwnProperty(key)) {
           var resourceProps = stylesheetPropsFromRawProps(props);
-          var preloadResource = resumableState.preloadsMap.get(key);
           var state = NoState;
 
-          if (preloadResource) {
-            // If we already had a preload we don't want that resource to flush directly.
-            // We let the newly created resource govern flushing.
-            preloadResource.state |= Blocked;
-            adoptPreloadPropsForStylesheetProps(
-              resourceProps,
-              preloadResource.props
-            );
+          if (resumableState.preloadsMap.hasOwnProperty(key)) {
+            var preloadProps = resumableState.preloadsMap[key];
+            adoptPreloadPropsForStylesheetProps(resourceProps, preloadProps);
+            var preloadResource = renderState.preloadsMap.get(key);
 
-            if (preloadResource.state & Flushed) {
+            if (preloadResource) {
+              // If we already had a preload we don't want that resource to flush directly.
+              // We let the newly created resource govern flushing.
+              preloadResource.state |= Blocked;
+
+              if (preloadResource.state & Flushed) {
+                state = PreloadFlushed;
+              }
+            } else {
+              // If we resumed then we assume that this was already flushed
+              // by the shell.
               state = PreloadFlushed;
             }
           }
 
-          resource = {
+          var resource = {
             type: "stylesheet",
             chunks: [],
             state: state,
             props: resourceProps
           };
-          resumableState.stylesMap.set(key, resource);
-          var precedenceSet = resumableState.precedences.get(precedence);
+          resumableState.stylesMap[key] = null;
 
-          if (!precedenceSet) {
-            precedenceSet = new Set();
-            resumableState.precedences.set(precedence, precedenceSet);
+          if (!stylesInPrecedence) {
+            stylesInPrecedence = new Map();
+            renderState.precedences.set(precedence, stylesInPrecedence);
             var emptyStyleResource = {
               type: "style",
               chunks: [],
@@ -3740,10 +3747,10 @@ function pushLink(
                 hrefs: []
               }
             };
-            precedenceSet.add(emptyStyleResource);
+            stylesInPrecedence.set("", emptyStyleResource);
 
             {
-              if (resumableState.stylePrecedences.has(precedence)) {
+              if (renderState.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
@@ -3751,14 +3758,29 @@ function pushLink(
               }
             }
 
-            resumableState.stylePrecedences.set(precedence, emptyStyleResource);
+            renderState.stylePrecedences.set(precedence, emptyStyleResource);
           }
 
-          precedenceSet.add(resource);
-        }
+          stylesInPrecedence.set(key, resource);
 
-        if (renderState.boundaryResources) {
-          renderState.boundaryResources.add(resource);
+          if (renderState.boundaryResources) {
+            renderState.boundaryResources.add(resource);
+          }
+        } else {
+          // We need to track whether this boundary should wait on this resource or not.
+          // Typically this resource should always exist since we either had it or just created
+          // it. However, it's possible when you resume that the style has already been emitted
+          // and then it wouldn't be recreated in the RenderState and there's no need to track
+          // it again since we should've hoisted it to the shell already.
+          if (stylesInPrecedence) {
+            var _resource = stylesInPrecedence.get(key);
+
+            if (_resource) {
+              if (renderState.boundaryResources) {
+                renderState.boundaryResources.add(_resource);
+              }
+            }
+          }
         }
 
         if (textEmbedded) {
@@ -3893,11 +3915,9 @@ function pushStyle(
     }
 
     var key = getResourceKey("style", href);
-    var resource = resumableState.stylesMap.get(key);
-
-    if (!resource) {
-      resource = resumableState.stylePrecedences.get(precedence);
+    var resource = renderState.stylePrecedences.get(precedence);
 
+    if (!resumableState.stylesMap.hasOwnProperty(key)) {
       if (!resource) {
         resource = {
           type: "style",
@@ -3908,12 +3928,12 @@ function pushStyle(
             hrefs: [href]
           }
         };
-        resumableState.stylePrecedences.set(precedence, resource);
-        var precedenceSet = new Set();
-        precedenceSet.add(resource);
+        renderState.stylePrecedences.set(precedence, resource);
+        var stylesInPrecedence = new Map();
+        stylesInPrecedence.set("", resource);
 
         {
-          if (resumableState.precedences.has(precedence)) {
+          if (renderState.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
@@ -3921,18 +3941,24 @@ function pushStyle(
           }
         }
 
-        resumableState.precedences.set(precedence, precedenceSet);
+        renderState.precedences.set(precedence, stylesInPrecedence);
       } else {
         resource.props.hrefs.push(href);
       }
 
-      resumableState.stylesMap.set(key, resource);
+      resumableState.stylesMap[key] = null;
+      pushStyleContents(resource.chunks, props);
+    }
 
+    if (resource) {
+      // We need to track whether this boundary should wait on this resource or not.
+      // Typically this resource should always exist since we either had it or just created
+      // it. However, it's possible when you resume that the style has already been emitted
+      // and then it wouldn't be recreated in the RenderState and there's no need to track
+      // it again since we should've hoisted it to the shell already.
       if (renderState.boundaryResources) {
         renderState.boundaryResources.add(resource);
       }
-
-      pushStyleContents(resource.chunks, props);
     }
 
     if (textEmbedded) {
@@ -4054,7 +4080,13 @@ function getImagePreloadKey(href, imageSrcSet, imageSizes) {
   return getResourceKey("image", uniquePart);
 }
 
-function pushImg(target, props, resumableState, pictureTagInScope) {
+function pushImg(
+  target,
+  props,
+  resumableState,
+  renderState,
+  pictureTagInScope
+) {
   var src = props.src,
     srcSet = props.srcSet;
 
@@ -4084,41 +4116,47 @@ function pushImg(target, props, resumableState, pictureTagInScope) {
     // resumableState.
     var sizes = props.sizes;
     var key = getImagePreloadKey(src, srcSet, sizes);
-    var resource = resumableState.preloadsMap.get(key);
+    var resource;
 
-    if (!resource) {
+    if (!resumableState.preloadsMap.hasOwnProperty(key)) {
+      var preloadProps = {
+        rel: "preload",
+        as: "image",
+        // There is a bug in Safari where imageSrcSet is not respected on preload links
+        // so we omit the href here if we have imageSrcSet b/c safari will load the wrong image.
+        // This harms older browers that do not support imageSrcSet by making their preloads not work
+        // but this population is shrinking fast and is already small so we accept this tradeoff.
+        href: srcSet ? undefined : src,
+        imageSrcSet: srcSet,
+        imageSizes: sizes,
+        crossOrigin: props.crossOrigin,
+        integrity: props.integrity,
+        type: props.type,
+        fetchPriority: props.fetchPriority,
+        referrerPolicy: props.referrerPolicy
+      };
       resource = {
         type: "preload",
         chunks: [],
         state: NoState,
-        props: {
-          rel: "preload",
-          as: "image",
-          // There is a bug in Safari where imageSrcSet is not respected on preload links
-          // so we omit the href here if we have imageSrcSet b/c safari will load the wrong image.
-          // This harms older browers that do not support imageSrcSet by making their preloads not work
-          // but this population is shrinking fast and is already small so we accept this tradeoff.
-          href: srcSet ? undefined : src,
-          imageSrcSet: srcSet,
-          imageSizes: sizes,
-          crossOrigin: props.crossOrigin,
-          integrity: props.integrity,
-          type: props.type,
-          fetchPriority: props.fetchPriority,
-          referrerPolicy: props.referrerPolicy
-        }
+        props: preloadProps
       };
-      resumableState.preloadsMap.set(key, resource);
-      pushLinkImpl(resource.chunks, resource.props);
+      resumableState.preloadsMap[key] = preloadProps;
+      renderState.preloadsMap.set(key, resource);
+      pushLinkImpl(resource.chunks, preloadProps);
+    } else {
+      resource = renderState.preloadsMap.get(key);
     }
 
-    if (
-      props.fetchPriority === "high" ||
-      resumableState.highImagePreloads.size < 10
-    ) {
-      resumableState.highImagePreloads.add(resource);
-    } else {
-      resumableState.bulkPreloads.add(resource);
+    if (resource) {
+      if (
+        props.fetchPriority === "high" ||
+        renderState.highImagePreloads.size < 10
+      ) {
+        renderState.highImagePreloads.add(resource);
+      } else {
+        renderState.bulkPreloads.add(resource);
+      }
     }
   }
 
@@ -4336,6 +4374,7 @@ function pushScript(
   target,
   props,
   resumableState,
+  renderState,
   textEmbedded,
   insertionMode,
   noscriptTagInScope
@@ -4364,27 +4403,29 @@ function pushScript(
     var src = props.src;
     var key = getResourceKey("script", src); // We can make this <script> into a ScriptResource
 
-    var resource = resumableState.scriptsMap.get(key);
-
-    if (!resource) {
-      resource = {
+    if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+      var resource = {
         type: "script",
         chunks: [],
         state: NoState,
         props: null
       };
-      resumableState.scriptsMap.set(key, resource); // Add to the script flushing queue
+      resumableState.scriptsMap[key] = null; // Add to the script flushing queue
 
-      resumableState.scripts.add(resource);
+      renderState.scripts.add(resource);
       var scriptProps = props;
-      var preloadResource = resumableState.preloadsMap.get(key);
 
-      if (preloadResource) {
-        // If we already had a preload we don't want that resource to flush directly.
-        // We let the newly created resource govern flushing.
-        preloadResource.state |= Blocked;
+      if (resumableState.preloadsMap.hasOwnProperty(key)) {
+        var preloadProps = resumableState.preloadsMap[key];
         scriptProps = assign({}, props);
-        adoptPreloadPropsForScriptProps(scriptProps, preloadResource.props);
+        adoptPreloadPropsForScriptProps(scriptProps, preloadProps);
+        var preloadResource = renderState.preloadsMap.get(key);
+
+        if (preloadResource) {
+          // If we already had a preload we don't want that resource to flush directly.
+          // We let the newly created resource govern flushing.
+          preloadResource.state |= Blocked;
+        }
       } // encode the tag as Chunks
 
       pushScriptImpl(resource.chunks, scriptProps);
@@ -4784,6 +4825,7 @@ function pushStartInstance(
         target,
         props,
         resumableState,
+        renderState,
         textEmbedded,
         formatContext.insertionMode,
         !!(formatContext.tagScope & NOSCRIPT_SCOPE)
@@ -4821,6 +4863,7 @@ function pushStartInstance(
         target,
         props,
         resumableState,
+        renderState,
         !!(formatContext.tagScope & PICTURE_SCOPE)
       );
     }
@@ -4940,8 +4983,8 @@ function pushEndInstance(target, type, props, resumableState, formatContext) {
   target.push(endTag1, stringToChunk(type), endTag2);
 }
 
-function writeBootstrap(destination, resumableState) {
-  var bootstrapChunks = resumableState.bootstrapChunks;
+function writeBootstrap(destination, renderState) {
+  var bootstrapChunks = renderState.bootstrapChunks;
   var i = 0;
 
   for (; i < bootstrapChunks.length - 1; i++) {
@@ -4957,8 +5000,8 @@ function writeBootstrap(destination, resumableState) {
   return true;
 }
 
-function writeCompletedRoot(destination, resumableState) {
-  return writeBootstrap(destination, resumableState);
+function writeCompletedRoot(destination, renderState) {
+  return writeBootstrap(destination, renderState);
 } // 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
@@ -5385,7 +5428,7 @@ function writeCompletedBoundaryInstruction(
     writeMore = writeChunkAndReturn(destination, completeBoundaryDataEnd);
   }
 
-  return writeBootstrap(destination, resumableState) && writeMore;
+  return writeBootstrap(destination, renderState) && writeMore;
 }
 var clientRenderScript1Full = stringToPrecomputedChunk(
   clientRenderBoundary + ';$RX("'
@@ -5675,14 +5718,14 @@ var precedenceStyleTagResource = null; // This flags let's us opt out of flushin
 
 var didFlushPrecedence = false;
 
-function flushStyleInPreamble(resource, key, set) {
+function flushStyleInPreamble(resource, key, map) {
   var chunks = resource.chunks;
 
   if (resource.state & Flushed) {
     // In theory this should never happen because we clear from the
     // Set on flush but to ensure correct semantics we don't emit
     // anything if we are in this state.
-    set.delete(resource);
+    map.delete(key);
   } else {
     // We can emit this style or stylesheet as is.
     if (resource.type === "style") {
@@ -5712,10 +5755,10 @@ var spaceSeparator = stringToPrecomputedChunk(" ");
 var styleTagResourceOpen3 = stringToPrecomputedChunk('">');
 var styleTagResourceClose = stringToPrecomputedChunk("</style>");
 
-function flushAllStylesInPreamble(set, precedence) {
+function flushAllStylesInPreamble(map, precedence) {
   didFlushPrecedence = false;
-  set.forEach(flushStyleInPreamble, this);
-  set.clear();
+  map.forEach(flushStyleInPreamble, this);
+  map.clear();
   var chunks = precedenceStyleTagResource.chunks;
   var hrefs = precedenceStyleTagResource.props.hrefs;
 
@@ -5776,9 +5819,9 @@ function preloadLateStyle(resource) {
   chunks.length = 0;
 }
 
-function preloadLateStyles(set, precedence) {
-  set.forEach(preloadLateStyle, this);
-  set.clear();
+function preloadLateStyles(map, precedence) {
+  map.forEach(preloadLateStyle, this);
+  map.clear();
 } // We don't bother reporting backpressure at the moment because we expect to
 // flush the entire preamble in a single pass. This probably should be modified
 // in the future to be backpressure sensitive but that requires a larger refactor
@@ -5791,16 +5834,16 @@ function writePreamble(
   willFlushAllSegments
 ) {
   // This function must be called exactly once on every request
-  if (!willFlushAllSegments && resumableState.externalRuntimeScript) {
+  if (!willFlushAllSegments && renderState.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 _resumableState$exter = resumableState.externalRuntimeScript,
-      src = _resumableState$exter.src,
-      chunks = _resumableState$exter.chunks;
-    internalPreinitScript(resumableState, src, chunks);
+    var _renderState$external = renderState.externalRuntimeScript,
+      src = _renderState$external.src,
+      chunks = _renderState$external.chunks;
+    internalPreinitScript(resumableState, renderState, src, chunks);
   }
 
   var htmlChunks = renderState.htmlChunks;
@@ -5837,8 +5880,8 @@ function writePreamble(
 
   charsetChunks.length = 0; // emit preconnect resources
 
-  resumableState.preconnects.forEach(flushResourceInPreamble, destination);
-  resumableState.preconnects.clear();
+  renderState.preconnects.forEach(flushResourceInPreamble, destination);
+  renderState.preconnects.clear();
   var preconnectChunks = renderState.preconnectChunks;
 
   for (i = 0; i < preconnectChunks.length; i++) {
@@ -5846,15 +5889,12 @@ function writePreamble(
   }
 
   preconnectChunks.length = 0;
-  resumableState.fontPreloads.forEach(flushResourceInPreamble, destination);
-  resumableState.fontPreloads.clear();
-  resumableState.highImagePreloads.forEach(
-    flushResourceInPreamble,
-    destination
-  );
-  resumableState.highImagePreloads.clear(); // Flush unblocked stylesheets by precedence
+  renderState.fontPreloads.forEach(flushResourceInPreamble, destination);
+  renderState.fontPreloads.clear();
+  renderState.highImagePreloads.forEach(flushResourceInPreamble, destination);
+  renderState.highImagePreloads.clear(); // Flush unblocked stylesheets by precedence
 
-  resumableState.precedences.forEach(flushAllStylesInPreamble, destination);
+  renderState.precedences.forEach(flushAllStylesInPreamble, destination);
   var importMapChunks = renderState.importMapChunks;
 
   for (i = 0; i < importMapChunks.length; i++) {
@@ -5862,11 +5902,11 @@ function writePreamble(
   }
 
   importMapChunks.length = 0;
-  resumableState.bootstrapScripts.forEach(flushResourceInPreamble, destination);
-  resumableState.scripts.forEach(flushResourceInPreamble, destination);
-  resumableState.scripts.clear();
-  resumableState.bulkPreloads.forEach(flushResourceInPreamble, destination);
-  resumableState.bulkPreloads.clear(); // Write embedding preloadChunks
+  renderState.bootstrapScripts.forEach(flushResourceInPreamble, destination);
+  renderState.scripts.forEach(flushResourceInPreamble, destination);
+  renderState.scripts.clear();
+  renderState.bulkPreloads.forEach(flushResourceInPreamble, destination);
+  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
 
   var preloadChunks = renderState.preloadChunks;
 
@@ -5904,8 +5944,8 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  resumableState.preconnects.forEach(flushResourceLate, destination);
-  resumableState.preconnects.clear();
+  renderState.preconnects.forEach(flushResourceLate, destination);
+  renderState.preconnects.clear();
   var preconnectChunks = renderState.preconnectChunks;
 
   for (i = 0; i < preconnectChunks.length; i++) {
@@ -5913,26 +5953,23 @@ function writeHoistables(destination, resumableState, renderState) {
   }
 
   preconnectChunks.length = 0;
-  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
+  renderState.fontPreloads.forEach(flushResourceLate, destination);
+  renderState.fontPreloads.clear();
+  renderState.highImagePreloads.forEach(flushResourceInPreamble, destination);
+  renderState.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
 
-  resumableState.precedences.forEach(preloadLateStyles, destination); // We only hoist importmaps that are configured through createResponse and that will
+  renderState.precedences.forEach(preloadLateStyles, destination); // We only hoist importmaps that are configured through createResponse and that will
   // always flush in the preamble. Generally we don't expect people to render them as
   // tags when using React but if you do they are going to be treated like regular inline
   // scripts and flush after other hoistables which is problematic
   // bootstrap scripts should flush above script priority but these can only flush in the preamble
   // so we elide the code here for performance
 
-  resumableState.scripts.forEach(flushResourceLate, destination);
-  resumableState.scripts.clear();
-  resumableState.bulkPreloads.forEach(flushResourceLate, destination);
-  resumableState.bulkPreloads.clear(); // Write embedding preloadChunks
+  renderState.scripts.forEach(flushResourceLate, destination);
+  renderState.scripts.clear();
+  renderState.bulkPreloads.forEach(flushResourceLate, destination);
+  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
 
   var preloadChunks = renderState.preloadChunks;
 
@@ -6422,26 +6459,26 @@ function prefetchDNS(href) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (typeof href === "string" && href) {
     var key = getResourceKey("prefetchDNS", href);
-    var resource = resumableState.preconnectsMap.get(key);
 
-    if (!resource) {
-      resource = {
+    if (!resumableState.preconnectsMap.hasOwnProperty(key)) {
+      var resource = {
         type: "preconnect",
         chunks: [],
         state: NoState,
         props: null
       };
-      resumableState.preconnectsMap.set(key, resource);
+      resumableState.preconnectsMap[key] = null;
       pushLinkImpl(resource.chunks, {
         href: href,
         rel: "dns-prefetch"
       });
+      renderState.preconnects.add(resource);
     }
 
-    resumableState.preconnects.add(resource);
     flushResources(request);
   }
 }
@@ -6459,6 +6496,7 @@ function preconnect(href, crossOrigin) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (typeof href === "string" && href) {
     var key =
@@ -6466,24 +6504,23 @@ function preconnect(href, crossOrigin) {
       (typeof crossOrigin === "string" ? crossOrigin : "null") +
       "]" +
       href;
-    var resource = resumableState.preconnectsMap.get(key);
 
-    if (!resource) {
-      resource = {
+    if (!resumableState.preconnectsMap.hasOwnProperty(key)) {
+      var resource = {
         type: "preconnect",
         chunks: [],
         state: NoState,
         props: null
       };
-      resumableState.preconnectsMap.set(key, resource);
+      resumableState.preconnectsMap[key] = null;
       pushLinkImpl(resource.chunks, {
         rel: "preconnect",
         href: href,
         crossOrigin: crossOrigin
       });
+      renderState.preconnects.add(resource);
     }
 
-    resumableState.preconnects.add(resource);
     flushResources(request);
   }
 }
@@ -6501,6 +6538,7 @@ function preload(href, as, options) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (as && href) {
     options = options || {};
@@ -6515,9 +6553,7 @@ function preload(href, as, options) {
       key = getResourceKey(as, href);
     }
 
-    var resource = resumableState.preloadsMap.get(key);
-
-    if (!resource) {
+    if (!resumableState.preloadsMap.hasOwnProperty(key)) {
       var props = assign(
         {
           rel: "preload",
@@ -6527,22 +6563,23 @@ function preload(href, as, options) {
         options
       );
 
-      resource = {
+      var resource = {
         type: "preload",
         chunks: [],
         state: NoState,
         props: props
       };
-      resumableState.preloadsMap.set(key, resource);
-      pushLinkImpl(resource.chunks, resource.props);
-    }
+      resumableState.preloadsMap[key] = props;
+      renderState.preloadsMap.set(key, resource);
+      pushLinkImpl(resource.chunks, props);
 
-    if (as === "font") {
-      resumableState.fontPreloads.add(resource);
-    } else if (as === "image" && resource.props.fetchPriority === "high") {
-      resumableState.highImagePreloads.add(resource);
-    } else {
-      resumableState.bulkPreloads.add(resource);
+      if (as === "font") {
+        renderState.fontPreloads.add(resource);
+      } else if (as === "image" && resource.props.fetchPriority === "high") {
+        renderState.highImagePreloads.add(resource);
+      } else {
+        renderState.bulkPreloads.add(resource);
+      }
     }
 
     flushResources(request);
@@ -6562,32 +6599,33 @@ function preloadModule(href, options) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (href) {
     var as = options && typeof options.as === "string" ? options.as : "script";
     var key = getResourceKey(as, href);
-    var resource = resumableState.preloadsMap.get(key);
 
-    var props = assign(
-      {
-        rel: "modulepreload",
-        href: href
-      },
-      options
-    );
+    if (!resumableState.preloadsMap.hasOwnProperty(key)) {
+      var props = assign(
+        {
+          rel: "modulepreload",
+          href: href
+        },
+        options
+      );
 
-    if (!resource) {
-      resource = {
+      var resource = {
         type: "preload",
         chunks: [],
         state: NoState,
         props: props
       };
-      resumableState.preloadsMap.set(key, resource);
+      resumableState.preloadsMap[key] = props;
+      renderState.preloadsMap.set(key, resource);
       pushLinkImpl(resource.chunks, resource.props);
+      renderState.bulkPreloads.add(resource);
     }
 
-    resumableState.bulkPreloads.add(resource);
     flushResources(request);
   }
 }
@@ -6605,19 +6643,23 @@ function preinitStyle(href, precedence, options) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (href) {
     var as = "style";
     var key = getResourceKey(as, href);
-    var resource = resumableState.stylesMap.get(key);
 
-    if (!resource) {
+    if (!resumableState.stylesMap.hasOwnProperty(key)) {
       precedence = precedence || "default";
       var state = NoState;
-      var preloadResource = resumableState.preloadsMap.get(key);
+      var preloadResource = renderState.preloadsMap.get(key);
 
       if (preloadResource && preloadResource.state & Flushed) {
         state = PreloadFlushed;
+      } else if (resumableState.preloadsMap.hasOwnProperty(key)) {
+        // If we resumed then we assume that this was already flushed
+        // by the shell.
+        state = PreloadFlushed;
       }
 
       var props = assign(
@@ -6629,18 +6671,18 @@ function preinitStyle(href, precedence, options) {
         options
       );
 
-      resource = {
+      var resource = {
         type: "stylesheet",
         chunks: [],
         state: state,
         props: props
       };
-      resumableState.stylesMap.set(key, resource);
-      var precedenceSet = resumableState.precedences.get(precedence);
+      resumableState.stylesMap[key] = null;
+      var stylesInPrecedence = renderState.precedences.get(precedence);
 
-      if (!precedenceSet) {
-        precedenceSet = new Set();
-        resumableState.precedences.set(precedence, precedenceSet);
+      if (!stylesInPrecedence) {
+        stylesInPrecedence = new Map();
+        renderState.precedences.set(precedence, stylesInPrecedence);
         var emptyStyleResource = {
           type: "style",
           chunks: [],
@@ -6650,10 +6692,10 @@ function preinitStyle(href, precedence, options) {
             hrefs: []
           }
         };
-        precedenceSet.add(emptyStyleResource);
+        stylesInPrecedence.set("", emptyStyleResource);
 
         {
-          if (resumableState.stylePrecedences.has(precedence)) {
+          if (renderState.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
@@ -6661,10 +6703,10 @@ function preinitStyle(href, precedence, options) {
           }
         }
 
-        resumableState.stylePrecedences.set(precedence, emptyStyleResource);
+        renderState.stylePrecedences.set(precedence, emptyStyleResource);
       }
 
-      precedenceSet.add(resource);
+      stylesInPrecedence.set(key, resource);
       flushResources(request);
     }
 
@@ -6685,19 +6727,19 @@ function preinitScript(src, options) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (src) {
     var key = getResourceKey("script", src);
-    var resource = resumableState.scriptsMap.get(key);
 
-    if (!resource) {
-      resource = {
+    if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+      var resource = {
         type: "script",
         chunks: [],
         state: NoState,
         props: null
       };
-      resumableState.scriptsMap.set(key, resource);
+      resumableState.scriptsMap[key] = null;
 
       var props = assign(
         {
@@ -6707,7 +6749,7 @@ function preinitScript(src, options) {
         options
       );
 
-      resumableState.scripts.add(resource);
+      renderState.scripts.add(resource);
       pushScriptImpl(resource.chunks, props);
       flushResources(request);
     }
@@ -6729,19 +6771,19 @@ function preinitModuleScript(src, options) {
   }
 
   var resumableState = getResumableState(request);
+  var renderState = getRenderState(request);
 
   if (src) {
     var key = getResourceKey("script", src);
-    var resource = resumableState.scriptsMap.get(key);
 
-    if (!resource) {
-      resource = {
+    if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+      var resource = {
         type: "script",
         chunks: [],
         state: NoState,
         props: null
       };
-      resumableState.scriptsMap.set(key, resource);
+      resumableState.scriptsMap[key] = null;
 
       var props = assign(
         {
@@ -6752,7 +6794,7 @@ function preinitModuleScript(src, options) {
         options
       );
 
-      resumableState.scripts.add(resource);
+      renderState.scripts.add(resource);
       pushScriptImpl(resource.chunks, props);
       flushResources(request);
     }
@@ -6766,6 +6808,7 @@ function preinitModuleScript(src, options) {
 
 function preloadBootstrapScript(
   resumableState,
+  renderState,
   src,
   nonce,
   integrity,
@@ -6774,7 +6817,7 @@ function preloadBootstrapScript(
   var key = getResourceKey("script", src);
 
   {
-    if (resumableState.preloadsMap.has(key)) {
+    if (resumableState.preloadsMap.hasOwnProperty(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
@@ -6800,8 +6843,9 @@ function preloadBootstrapScript(
     state: NoState,
     props: props
   };
-  resumableState.preloadsMap.set(key, resource);
-  resumableState.bootstrapScripts.add(resource);
+  resumableState.preloadsMap[key] = props;
+  renderState.preloadsMap.set(key, resource);
+  renderState.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
@@ -6810,6 +6854,7 @@ function preloadBootstrapScript(
 
 function preloadBootstrapModule(
   resumableState,
+  renderState,
   src,
   nonce,
   integrity,
@@ -6818,7 +6863,7 @@ function preloadBootstrapModule(
   var key = getResourceKey("script", src);
 
   {
-    if (resumableState.preloadsMap.has(key)) {
+    if (resumableState.preloadsMap.hasOwnProperty(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
@@ -6843,25 +6888,25 @@ function preloadBootstrapModule(
     state: NoState,
     props: props
   };
-  resumableState.preloadsMap.set(key, resource);
-  resumableState.bootstrapScripts.add(resource);
+  resumableState.preloadsMap[key] = props;
+  renderState.preloadsMap.set(key, resource);
+  renderState.bootstrapScripts.add(resource);
   pushLinkImpl(resource.chunks, props);
   return;
 }
 
-function internalPreinitScript(resumableState, src, chunks) {
+function internalPreinitScript(resumableState, renderState, src, chunks) {
   var key = getResourceKey("script", src);
-  var resource = resumableState.scriptsMap.get(key);
 
-  if (!resource) {
-    resource = {
+  if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+    var resource = {
       type: "script",
       chunks: chunks,
       state: NoState,
       props: null
     };
-    resumableState.scriptsMap.set(key, resource);
-    resumableState.scripts.add(resource);
+    resumableState.scriptsMap[key] = null;
+    renderState.scripts.add(resource);
   }
 
   return;
@@ -12565,13 +12610,15 @@ function flushCompletedQueues(request, destination) {
             destination,
             request.resumableState,
             request.renderState,
-            request.allPendingTasks === 0
+            request.allPendingTasks === 0 &&
+              (request.trackedPostpones === null ||
+                request.trackedPostpones.workingMap.size === 0)
           );
         }
 
         flushSegment(request, destination, completedRootSegment);
         request.completedRootSegment = null;
-        writeCompletedRoot(destination, request.resumableState);
+        writeCompletedRoot(destination, request.renderState);
       } else {
         // We haven't flushed the root yet so we don't need to check any other branches further down
         return;
@@ -12757,6 +12804,9 @@ function getFormState(request) {
 function getResumableState(request) {
   return request.resumableState;
 }
+function getRenderState(request) {
+  return request.renderState;
+}
 
 function renderToStream(children, options) {
   var destination = {
@@ -12767,16 +12817,19 @@ function renderToStream(children, options) {
   };
   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,
     resumableState,
-    createRenderState(resumableState, undefined),
+    createRenderState(
+      resumableState,
+      undefined,
+      options ? options.bootstrapScriptContent : undefined,
+      options ? options.bootstrapScripts : undefined,
+      options ? options.bootstrapModules : undefined,
+      options ? options.unstable_externalRuntimeSrc : 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 d689248886..ac945c4903 100644
--- a/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
@@ -543,42 +543,40 @@ function pushLink(
       props.onError
     )
       return pushLinkImpl(target, props);
-    noscriptTagInScope = resumableState.stylesMap.get(insertionMode);
-    noscriptTagInScope ||
-      ((props = assign({}, props, {
-        "data-precedence": props.precedence,
-        precedence: null
-      })),
-      (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: rel,
-        props: props
-      }),
-      resumableState.stylesMap.set(insertionMode, noscriptTagInScope),
-      (props = resumableState.precedences.get(precedence)),
-      props ||
-        ((props = new Set()),
-        resumableState.precedences.set(precedence, props),
-        (insertionMode = {
-          type: "style",
-          chunks: [],
-          state: 0,
-          props: { precedence: precedence, hrefs: [] }
-        }),
-        props.add(insertionMode),
-        resumableState.stylePrecedences.set(precedence, insertionMode)),
-      props.add(noscriptTagInScope));
-    renderState.boundaryResources &&
-      renderState.boundaryResources.add(noscriptTagInScope);
+    noscriptTagInScope = renderState.precedences.get(precedence);
+    resumableState.stylesMap.hasOwnProperty(insertionMode)
+      ? noscriptTagInScope &&
+        (precedence = noscriptTagInScope.get(insertionMode)) &&
+        renderState.boundaryResources &&
+        renderState.boundaryResources.add(precedence)
+      : ((props = assign({}, props, {
+          "data-precedence": props.precedence,
+          precedence: null
+        })),
+        (rel = 0),
+        resumableState.preloadsMap.hasOwnProperty(insertionMode) &&
+          ((href = resumableState.preloadsMap[insertionMode]),
+          null == props.crossOrigin && (props.crossOrigin = href.crossOrigin),
+          null == props.integrity && (props.integrity = href.integrity),
+          (href = renderState.preloadsMap.get(insertionMode))
+            ? ((href.state |= 4), href.state & 3 && (rel = 8))
+            : (rel = 8)),
+        (props = { type: "stylesheet", chunks: [], state: rel, props: props }),
+        (resumableState.stylesMap[insertionMode] = null),
+        noscriptTagInScope ||
+          ((noscriptTagInScope = new Map()),
+          renderState.precedences.set(precedence, noscriptTagInScope),
+          (resumableState = {
+            type: "style",
+            chunks: [],
+            state: 0,
+            props: { precedence: precedence, hrefs: [] }
+          }),
+          noscriptTagInScope.set("", resumableState),
+          renderState.stylePrecedences.set(precedence, resumableState)),
+        noscriptTagInScope.set(insertionMode, props),
+        renderState.boundaryResources &&
+          renderState.boundaryResources.add(props));
     textEmbedded && target.push("\x3c!-- --\x3e");
     return null;
   }
@@ -1147,22 +1145,21 @@ function pushStartInstance(
           props
         );
       else {
-        var key = "[script]" + props.src,
-          resource = resumableState.scriptsMap.get(key);
-        if (!resource) {
-          resource = { type: "script", chunks: [], state: 0, props: null };
-          resumableState.scriptsMap.set(key, resource);
-          resumableState.scripts.add(resource);
-          var scriptProps = props,
-            preloadResource = resumableState.preloadsMap.get(key);
-          if (preloadResource) {
-            preloadResource.state |= 4;
-            var resourceProps = (scriptProps = assign({}, props)),
-              preloadProps = preloadResource.props;
+        var key = "[script]" + props.src;
+        if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+          var resource = { type: "script", chunks: [], state: 0, props: null };
+          resumableState.scriptsMap[key] = null;
+          renderState.scripts.add(resource);
+          var scriptProps = props;
+          if (resumableState.preloadsMap.hasOwnProperty(key)) {
+            var preloadProps = resumableState.preloadsMap[key],
+              resourceProps = (scriptProps = assign({}, props));
             null == resourceProps.crossOrigin &&
               (resourceProps.crossOrigin = preloadProps.crossOrigin);
             null == resourceProps.integrity &&
               (resourceProps.integrity = preloadProps.integrity);
+            var preloadResource = renderState.preloadsMap.get(key);
+            preloadResource && (preloadResource.state |= 4);
           }
           pushScriptImpl(resource.chunks, scriptProps);
         }
@@ -1220,13 +1217,9 @@ function pushStartInstance(
         var JSCompiler_inline_result$jscomp$3 = null;
       } else {
         var key$jscomp$0 = "[style]" + href,
-          resource$jscomp$0 = resumableState.stylesMap.get(key$jscomp$0);
-        if (!resource$jscomp$0) {
-          if (
-            (resource$jscomp$0 =
-              resumableState.stylePrecedences.get(precedence))
-          )
-            resource$jscomp$0.props.hrefs.push(href);
+          resource$jscomp$0 = renderState.stylePrecedences.get(precedence);
+        if (!resumableState.stylesMap.hasOwnProperty(key$jscomp$0)) {
+          if (resource$jscomp$0) resource$jscomp$0.props.hrefs.push(href);
           else {
             resource$jscomp$0 = {
               type: "style",
@@ -1234,14 +1227,12 @@ function pushStartInstance(
               state: 0,
               props: { precedence: precedence, hrefs: [href] }
             };
-            resumableState.stylePrecedences.set(precedence, resource$jscomp$0);
-            var precedenceSet = new Set();
-            precedenceSet.add(resource$jscomp$0);
-            resumableState.precedences.set(precedence, precedenceSet);
+            renderState.stylePrecedences.set(precedence, resource$jscomp$0);
+            var stylesInPrecedence = new Map();
+            stylesInPrecedence.set("", resource$jscomp$0);
+            renderState.precedences.set(precedence, stylesInPrecedence);
           }
-          resumableState.stylesMap.set(key$jscomp$0, resource$jscomp$0);
-          renderState.boundaryResources &&
-            renderState.boundaryResources.add(resource$jscomp$0);
+          resumableState.stylesMap[key$jscomp$0] = null;
           var target = resource$jscomp$0.chunks,
             children$jscomp$5 = null,
             innerHTML$jscomp$4 = null,
@@ -1270,6 +1261,9 @@ function pushStartInstance(
             target.push(escapeTextForBrowser("" + child$jscomp$0));
           pushInnerHTML(target, innerHTML$jscomp$4, children$jscomp$5);
         }
+        resource$jscomp$0 &&
+          renderState.boundaryResources &&
+          renderState.boundaryResources.add(resource$jscomp$0);
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
         JSCompiler_inline_result$jscomp$3 = void 0;
       }
@@ -1365,32 +1359,37 @@ function pushStartInstance(
           ("a" !== srcSet[3] && "A" !== srcSet[3]))
       ) {
         var sizes = props.sizes,
-          key$jscomp$1 = getImagePreloadKey(src, srcSet, sizes),
-          resource$jscomp$1 = resumableState.preloadsMap.get(key$jscomp$1);
-        resource$jscomp$1 ||
-          ((resource$jscomp$1 = {
+          key$jscomp$1 = getImagePreloadKey(src, srcSet, sizes);
+        if (resumableState.preloadsMap.hasOwnProperty(key$jscomp$1))
+          var resource$jscomp$1 = renderState.preloadsMap.get(key$jscomp$1);
+        else {
+          var preloadProps$jscomp$0 = {
+            rel: "preload",
+            as: "image",
+            href: srcSet ? void 0 : src,
+            imageSrcSet: srcSet,
+            imageSizes: sizes,
+            crossOrigin: props.crossOrigin,
+            integrity: props.integrity,
+            type: props.type,
+            fetchPriority: props.fetchPriority,
+            referrerPolicy: props.referrerPolicy
+          };
+          resource$jscomp$1 = {
             type: "preload",
             chunks: [],
             state: 0,
-            props: {
-              rel: "preload",
-              as: "image",
-              href: srcSet ? void 0 : src,
-              imageSrcSet: srcSet,
-              imageSizes: sizes,
-              crossOrigin: props.crossOrigin,
-              integrity: props.integrity,
-              type: props.type,
-              fetchPriority: props.fetchPriority,
-              referrerPolicy: props.referrerPolicy
-            }
-          }),
-          resumableState.preloadsMap.set(key$jscomp$1, resource$jscomp$1),
-          pushLinkImpl(resource$jscomp$1.chunks, resource$jscomp$1.props));
-        "high" === props.fetchPriority ||
-        10 > resumableState.highImagePreloads.size
-          ? resumableState.highImagePreloads.add(resource$jscomp$1)
-          : resumableState.bulkPreloads.add(resource$jscomp$1);
+            props: preloadProps$jscomp$0
+          };
+          resumableState.preloadsMap[key$jscomp$1] = preloadProps$jscomp$0;
+          renderState.preloadsMap.set(key$jscomp$1, resource$jscomp$1);
+          pushLinkImpl(resource$jscomp$1.chunks, preloadProps$jscomp$0);
+        }
+        resource$jscomp$1 &&
+          ("high" === props.fetchPriority ||
+          10 > renderState.highImagePreloads.size
+            ? renderState.highImagePreloads.add(resource$jscomp$1)
+            : renderState.bulkPreloads.add(resource$jscomp$1));
       }
       return pushSelfClosing(target$jscomp$0, props, "img");
     case "base":
@@ -1507,13 +1506,13 @@ function pushStartInstance(
   }
   return pushStartGenericElement(target$jscomp$0, props, type);
 }
-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),
+function writeBootstrap(destination, renderState) {
+  renderState = renderState.bootstrapChunks;
+  for (var i = 0; i < renderState.length - 1; i++)
+    destination.buffer += renderState[i];
+  return i < renderState.length
+    ? ((i = renderState[i]),
+      (renderState.length = 0),
       writeChunkAndReturn(destination, i))
     : !0;
 }
@@ -1718,24 +1717,24 @@ function flushResourceLate(resource) {
 }
 var precedenceStyleTagResource = null,
   didFlushPrecedence = !1;
-function flushStyleInPreamble(resource, key, set) {
-  key = resource.chunks;
-  if (resource.state & 3) set.delete(resource);
+function flushStyleInPreamble(resource, key, map) {
+  var chunks = resource.chunks;
+  if (resource.state & 3) map.delete(key);
   else if ("style" === resource.type) precedenceStyleTagResource = resource;
   else {
-    pushLinkImpl(key, resource.props);
-    for (set = 0; set < key.length; set++) this.buffer += key[set];
+    pushLinkImpl(chunks, resource.props);
+    for (key = 0; key < chunks.length; key++) this.buffer += chunks[key];
     resource.state |= 1;
     didFlushPrecedence = !0;
   }
 }
-function flushAllStylesInPreamble(set, precedence) {
+function flushAllStylesInPreamble(map, precedence) {
   didFlushPrecedence = !1;
-  set.forEach(flushStyleInPreamble, this);
-  set.clear();
-  set = precedenceStyleTagResource.chunks;
+  map.forEach(flushStyleInPreamble, this);
+  map.clear();
+  map = precedenceStyleTagResource.chunks;
   var hrefs = precedenceStyleTagResource.props.hrefs;
-  if (!1 === didFlushPrecedence || set.length) {
+  if (!1 === didFlushPrecedence || map.length) {
     this.buffer += '<style data-precedence="';
     precedence = escapeTextForBrowser(precedence);
     this.buffer += precedence;
@@ -1754,10 +1753,10 @@ function flushAllStylesInPreamble(set, precedence) {
       this.buffer += precedence;
     }
     this.buffer += '">';
-    for (precedence = 0; precedence < set.length; precedence++)
-      this.buffer += set[precedence];
+    for (precedence = 0; precedence < map.length; precedence++)
+      this.buffer += map[precedence];
     this.buffer += "</style>";
-    set.length = 0;
+    map.length = 0;
     hrefs.length = 0;
   }
 }
@@ -1782,9 +1781,9 @@ function preloadLateStyle(resource) {
     chunks.length = 0;
   }
 }
-function preloadLateStyles(set) {
-  set.forEach(preloadLateStyle, this);
-  set.clear();
+function preloadLateStyles(map) {
+  map.forEach(preloadLateStyle, this);
+  map.clear();
 }
 function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
   destination.buffer += "[";
@@ -1993,15 +1992,21 @@ function writeStyleResourceAttributeInAttr(destination, name, value) {
 function prefetchDNS(href) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if ("string" === typeof href && href) {
-      var key = "[prefetchDNS]" + href,
-        resource = resumableState.preconnectsMap.get(key);
-      resource ||
-        ((resource = { type: "preconnect", chunks: [], state: 0, props: null }),
-        resumableState.preconnectsMap.set(key, resource),
-        pushLinkImpl(resource.chunks, { href: href, rel: "dns-prefetch" }));
-      resumableState.preconnects.add(resource);
+      var key = "[prefetchDNS]" + href;
+      if (!resumableState.preconnectsMap.hasOwnProperty(key)) {
+        var resource = {
+          type: "preconnect",
+          chunks: [],
+          state: 0,
+          props: null
+        };
+        resumableState.preconnectsMap[key] = null;
+        pushLinkImpl(resource.chunks, { href: href, rel: "dns-prefetch" });
+        renderState.preconnects.add(resource);
+      }
       enqueueFlush(request);
     }
   }
@@ -2009,23 +2014,29 @@ function prefetchDNS(href) {
 function preconnect(href, crossOrigin) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if ("string" === typeof href && href) {
       var key =
-          "[preconnect][" +
-          ("string" === typeof crossOrigin ? crossOrigin : "null") +
-          "]" +
-          href,
-        resource = resumableState.preconnectsMap.get(key);
-      resource ||
-        ((resource = { type: "preconnect", chunks: [], state: 0, props: null }),
-        resumableState.preconnectsMap.set(key, resource),
+        "[preconnect][" +
+        ("string" === typeof crossOrigin ? crossOrigin : "null") +
+        "]" +
+        href;
+      if (!resumableState.preconnectsMap.hasOwnProperty(key)) {
+        var resource = {
+          type: "preconnect",
+          chunks: [],
+          state: 0,
+          props: null
+        };
+        resumableState.preconnectsMap[key] = null;
         pushLinkImpl(resource.chunks, {
           rel: "preconnect",
           href: href,
           crossOrigin: crossOrigin
-        }));
-      resumableState.preconnects.add(resource);
+        });
+        renderState.preconnects.add(resource);
+      }
       enqueueFlush(request);
     }
   }
@@ -2033,35 +2044,32 @@ function preconnect(href, crossOrigin) {
 function preload(href, as, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if (as && href) {
       options = options || {};
       var key =
         "image" === as
           ? getImagePreloadKey(href, options.imageSrcSet, options.imageSizes)
           : "[" + as + "]" + href;
-      var resource = resumableState.preloadsMap.get(key);
-      resource ||
-        ((resource = {
-          type: "preload",
-          chunks: [],
-          state: 0,
-          props: assign(
-            {
-              rel: "preload",
-              href: "image" === as && options.imageSrcSet ? void 0 : href,
-              as: as
-            },
-            options
-          )
-        }),
-        resumableState.preloadsMap.set(key, resource),
-        pushLinkImpl(resource.chunks, resource.props));
-      "font" === as
-        ? resumableState.fontPreloads.add(resource)
-        : "image" === as && "high" === resource.props.fetchPriority
-        ? resumableState.highImagePreloads.add(resource)
-        : resumableState.bulkPreloads.add(resource);
+      resumableState.preloadsMap.hasOwnProperty(key) ||
+        ((href = assign(
+          {
+            rel: "preload",
+            href: "image" === as && options.imageSrcSet ? void 0 : href,
+            as: as
+          },
+          options
+        )),
+        (options = { type: "preload", chunks: [], state: 0, props: href }),
+        (resumableState.preloadsMap[key] = href),
+        renderState.preloadsMap.set(key, options),
+        pushLinkImpl(options.chunks, href),
+        "font" === as
+          ? renderState.fontPreloads.add(options)
+          : "image" === as && "high" === options.props.fetchPriority
+          ? renderState.highImagePreloads.add(options)
+          : renderState.bulkPreloads.add(options));
       enqueueFlush(request);
     }
   }
@@ -2069,20 +2077,21 @@ function preload(href, as, options) {
 function preloadModule(href, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if (href) {
       var key =
-          "[" +
-          (options && "string" === typeof options.as ? options.as : "script") +
-          "]" +
-          href,
-        resource = resumableState.preloadsMap.get(key);
-      href = assign({ rel: "modulepreload", href: href }, options);
-      resource ||
-        ((resource = { type: "preload", chunks: [], state: 0, props: href }),
-        resumableState.preloadsMap.set(key, resource),
-        pushLinkImpl(resource.chunks, resource.props));
-      resumableState.bulkPreloads.add(resource);
+        "[" +
+        (options && "string" === typeof options.as ? options.as : "script") +
+        "]" +
+        href;
+      resumableState.preloadsMap.hasOwnProperty(key) ||
+        ((href = assign({ rel: "modulepreload", href: href }, options)),
+        (options = { type: "preload", chunks: [], state: 0, props: href }),
+        (resumableState.preloadsMap[key] = href),
+        renderState.preloadsMap.set(key, options),
+        pushLinkImpl(options.chunks, options.props),
+        renderState.bulkPreloads.add(options));
       enqueueFlush(request);
     }
   }
@@ -2090,39 +2099,36 @@ function preloadModule(href, options) {
 function preinitStyle(href, precedence, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if (href) {
-      var key = "[style]" + href,
-        resource = resumableState.stylesMap.get(key);
-      if (!resource) {
+      var key = "[style]" + href;
+      if (!resumableState.stylesMap.hasOwnProperty(key)) {
         precedence = precedence || "default";
-        resource = 0;
-        var preloadResource = resumableState.preloadsMap.get(key);
-        preloadResource && preloadResource.state & 3 && (resource = 8);
+        var state = 0,
+          preloadResource = renderState.preloadsMap.get(key);
+        preloadResource && preloadResource.state & 3
+          ? (state = 8)
+          : resumableState.preloadsMap.hasOwnProperty(key) && (state = 8);
         href = assign(
           { rel: "stylesheet", href: href, "data-precedence": precedence },
           options
         );
-        resource = {
-          type: "stylesheet",
-          chunks: [],
-          state: resource,
-          props: href
-        };
-        resumableState.stylesMap.set(key, resource);
-        key = resumableState.precedences.get(precedence);
-        key ||
-          ((key = new Set()),
-          resumableState.precedences.set(precedence, key),
+        state = { type: "stylesheet", chunks: [], state: state, props: href };
+        resumableState.stylesMap[key] = null;
+        resumableState = renderState.precedences.get(precedence);
+        resumableState ||
+          ((resumableState = new Map()),
+          renderState.precedences.set(precedence, resumableState),
           (href = {
             type: "style",
             chunks: [],
             state: 0,
             props: { precedence: precedence, hrefs: [] }
           }),
-          key.add(href),
-          resumableState.stylePrecedences.set(precedence, href));
-        key.add(resource);
+          resumableState.set("", href),
+          renderState.stylePrecedences.set(precedence, href));
+        resumableState.set(key, state);
         enqueueFlush(request);
       }
     }
@@ -2131,34 +2137,36 @@ function preinitStyle(href, precedence, options) {
 function preinitScript(src, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if (src) {
-      var key = "[script]" + src,
-        resource = resumableState.scriptsMap.get(key);
-      resource ||
-        ((resource = { type: "script", chunks: [], state: 0, props: null }),
-        resumableState.scriptsMap.set(key, resource),
-        (src = assign({ src: src, async: !0 }, options)),
-        resumableState.scripts.add(resource),
-        pushScriptImpl(resource.chunks, src),
-        enqueueFlush(request));
+      var key = "[script]" + src;
+      if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+        var resource = { type: "script", chunks: [], state: 0, props: null };
+        resumableState.scriptsMap[key] = null;
+        src = assign({ src: src, async: !0 }, options);
+        renderState.scripts.add(resource);
+        pushScriptImpl(resource.chunks, src);
+        enqueueFlush(request);
+      }
     }
   }
 }
 function preinitModuleScript(src, options) {
   var request = currentRequest ? currentRequest : null;
   if (request) {
-    var resumableState = request.resumableState;
+    var resumableState = request.resumableState,
+      renderState = request.renderState;
     if (src) {
-      var key = "[script]" + src,
-        resource = resumableState.scriptsMap.get(key);
-      resource ||
-        ((resource = { type: "script", chunks: [], state: 0, props: null }),
-        resumableState.scriptsMap.set(key, resource),
-        (src = assign({ src: src, type: "module", async: !0 }, options)),
-        resumableState.scripts.add(resource),
-        pushScriptImpl(resource.chunks, src),
-        enqueueFlush(request));
+      var key = "[script]" + src;
+      if (!resumableState.scriptsMap.hasOwnProperty(key)) {
+        var resource = { type: "script", chunks: [], state: 0, props: null };
+        resumableState.scriptsMap[key] = null;
+        src = assign({ src: src, type: "module", async: !0 }, options);
+        renderState.scripts.add(resource);
+        pushScriptImpl(resource.chunks, src);
+        enqueueFlush(request);
+      }
     }
   }
 }
@@ -2630,11 +2638,11 @@ function useFormState(action, initialState, permalink) {
       });
     return [initialState, action];
   }
-  var boundAction$10 = action.bind(null, initialState);
+  var boundAction$11 = action.bind(null, initialState);
   return [
     initialState,
     function (payload) {
-      boundAction$10(payload);
+      boundAction$11(payload);
     }
   ];
 }
@@ -3869,15 +3877,15 @@ function renderNode(request, task, node, childIndex) {
       chunkLength = segment.chunks.length;
     try {
       return renderNodeDestructiveImpl(request, task, null, node, childIndex);
-    } catch (thrownValue$27) {
+    } catch (thrownValue$28) {
       if (
         (resetHooksState(),
         (segment.children.length = childrenLength),
         (segment.chunks.length = chunkLength),
         (node =
-          thrownValue$27 === SuspenseException
+          thrownValue$28 === SuspenseException
             ? getSuspendedThenable()
-            : thrownValue$27),
+            : thrownValue$28),
         "object" === typeof node &&
           null !== node &&
           "function" === typeof node.then)
@@ -4225,14 +4233,14 @@ function flushCompletedBoundary(request, destination, boundary) {
     : requiresStyleInsertion
     ? writeChunk(destination, '<template data-rri="" data-bid="')
     : writeChunk(destination, '<template data-rci="" data-bid="');
-  i = i.toString(16);
+  completedSegments = i.toString(16);
   writeChunk(destination, request.boundaryPrefix);
-  writeChunk(destination, i);
+  writeChunk(destination, completedSegments);
   scriptFormat
     ? writeChunk(destination, '","')
     : writeChunk(destination, '" data-sid="');
   writeChunk(destination, request.segmentPrefix);
-  writeChunk(destination, i);
+  writeChunk(destination, completedSegments);
   requiresStyleInsertion
     ? scriptFormat
       ? (writeChunk(destination, '",'),
@@ -4240,10 +4248,10 @@ function flushCompletedBoundary(request, destination, boundary) {
       : (writeChunk(destination, '" data-sty="'),
         writeStyleResourceDependenciesInAttr(destination, boundary))
     : scriptFormat && writeChunk(destination, '"');
-  request = scriptFormat
+  completedSegments = scriptFormat
     ? writeChunkAndReturn(destination, ")\x3c/script>")
     : writeChunkAndReturn(destination, '"></template>');
-  return writeBootstrap(destination, completedSegments) && request;
+  return writeBootstrap(destination, request) && completedSegments;
 }
 function flushPartiallyCompletedSegment(
   request,
@@ -4294,122 +4302,111 @@ function flushCompletedQueues(request, destination) {
       completedRootSegment = request.completedRootSegment;
     if (null !== completedRootSegment)
       if (0 === request.pendingRootTasks) {
-        var resumableState = request.resumableState,
-          renderState = request.renderState;
+        var renderState = request.renderState;
         if (
-          0 !== request.allPendingTasks &&
-          resumableState.externalRuntimeScript
+          (0 !== request.allPendingTasks ||
+            (null !== request.trackedPostpones &&
+              0 !== request.trackedPostpones.workingMap.size)) &&
+          renderState.externalRuntimeScript
         ) {
-          var _resumableState$exter = resumableState.externalRuntimeScript,
-            chunks = _resumableState$exter.chunks,
-            key = "[script]" + _resumableState$exter.src,
-            resource = resumableState.scriptsMap.get(key);
-          resource ||
-            ((resource = {
+          var _renderState$external = renderState.externalRuntimeScript,
+            resumableState = request.resumableState,
+            chunks = _renderState$external.chunks,
+            key = "[script]" + _renderState$external.src;
+          resumableState.scriptsMap.hasOwnProperty(key) ||
+            ((_renderState$external = {
               type: "script",
               chunks: chunks,
               state: 0,
               props: null
             }),
-            resumableState.scriptsMap.set(key, resource),
-            resumableState.scripts.add(resource));
+            (resumableState.scriptsMap[key] = null),
+            renderState.scripts.add(_renderState$external));
         }
         var htmlChunks = renderState.htmlChunks,
           headChunks = renderState.headChunks;
-        _resumableState$exter = 0;
+        resumableState = 0;
         if (htmlChunks) {
           for (
-            _resumableState$exter = 0;
-            _resumableState$exter < htmlChunks.length;
-            _resumableState$exter++
+            resumableState = 0;
+            resumableState < htmlChunks.length;
+            resumableState++
           )
-            writeChunk(destination, htmlChunks[_resumableState$exter]);
+            writeChunk(destination, htmlChunks[resumableState]);
           if (headChunks)
             for (
-              _resumableState$exter = 0;
-              _resumableState$exter < headChunks.length;
-              _resumableState$exter++
+              resumableState = 0;
+              resumableState < headChunks.length;
+              resumableState++
             )
-              writeChunk(destination, headChunks[_resumableState$exter]);
+              writeChunk(destination, headChunks[resumableState]);
           else
             writeChunk(destination, startChunkForTag("head")),
               writeChunk(destination, ">");
         } else if (headChunks)
           for (
-            _resumableState$exter = 0;
-            _resumableState$exter < headChunks.length;
-            _resumableState$exter++
+            resumableState = 0;
+            resumableState < headChunks.length;
+            resumableState++
           )
-            writeChunk(destination, headChunks[_resumableState$exter]);
+            writeChunk(destination, headChunks[resumableState]);
         var charsetChunks = renderState.charsetChunks;
         for (
-          _resumableState$exter = 0;
-          _resumableState$exter < charsetChunks.length;
-          _resumableState$exter++
+          resumableState = 0;
+          resumableState < charsetChunks.length;
+          resumableState++
         )
-          writeChunk(destination, charsetChunks[_resumableState$exter]);
+          writeChunk(destination, charsetChunks[resumableState]);
         charsetChunks.length = 0;
-        resumableState.preconnects.forEach(
-          flushResourceInPreamble,
-          destination
-        );
-        resumableState.preconnects.clear();
+        renderState.preconnects.forEach(flushResourceInPreamble, destination);
+        renderState.preconnects.clear();
         var preconnectChunks = renderState.preconnectChunks;
         for (
-          _resumableState$exter = 0;
-          _resumableState$exter < preconnectChunks.length;
-          _resumableState$exter++
+          resumableState = 0;
+          resumableState < preconnectChunks.length;
+          resumableState++
         )
-          writeChunk(destination, preconnectChunks[_resumableState$exter]);
+          writeChunk(destination, preconnectChunks[resumableState]);
         preconnectChunks.length = 0;
-        resumableState.fontPreloads.forEach(
+        renderState.fontPreloads.forEach(flushResourceInPreamble, destination);
+        renderState.fontPreloads.clear();
+        renderState.highImagePreloads.forEach(
           flushResourceInPreamble,
           destination
         );
-        resumableState.fontPreloads.clear();
-        resumableState.highImagePreloads.forEach(
-          flushResourceInPreamble,
-          destination
-        );
-        resumableState.highImagePreloads.clear();
-        resumableState.precedences.forEach(
-          flushAllStylesInPreamble,
-          destination
-        );
+        renderState.highImagePreloads.clear();
+        renderState.precedences.forEach(flushAllStylesInPreamble, destination);
         var importMapChunks = renderState.importMapChunks;
         for (
-          _resumableState$exter = 0;
-          _resumableState$exter < importMapChunks.length;
-          _resumableState$exter++
+          resumableState = 0;
+          resumableState < importMapChunks.length;
+          resumableState++
         )
-          writeChunk(destination, importMapChunks[_resumableState$exter]);
+          writeChunk(destination, importMapChunks[resumableState]);
         importMapChunks.length = 0;
-        resumableState.bootstrapScripts.forEach(
+        renderState.bootstrapScripts.forEach(
           flushResourceInPreamble,
           destination
         );
-        resumableState.scripts.forEach(flushResourceInPreamble, destination);
-        resumableState.scripts.clear();
-        resumableState.bulkPreloads.forEach(
-          flushResourceInPreamble,
-          destination
-        );
-        resumableState.bulkPreloads.clear();
+        renderState.scripts.forEach(flushResourceInPreamble, destination);
+        renderState.scripts.clear();
+        renderState.bulkPreloads.forEach(flushResourceInPreamble, destination);
+        renderState.bulkPreloads.clear();
         var preloadChunks = renderState.preloadChunks;
         for (
-          _resumableState$exter = 0;
-          _resumableState$exter < preloadChunks.length;
-          _resumableState$exter++
+          resumableState = 0;
+          resumableState < preloadChunks.length;
+          resumableState++
         )
-          writeChunk(destination, preloadChunks[_resumableState$exter]);
+          writeChunk(destination, preloadChunks[resumableState]);
         preloadChunks.length = 0;
         var hoistableChunks = renderState.hoistableChunks;
         for (
-          _resumableState$exter = 0;
-          _resumableState$exter < hoistableChunks.length;
-          _resumableState$exter++
+          resumableState = 0;
+          resumableState < hoistableChunks.length;
+          resumableState++
         )
-          writeChunk(destination, hoistableChunks[_resumableState$exter]);
+          writeChunk(destination, hoistableChunks[resumableState]);
         hoistableChunks.length = 0;
         htmlChunks &&
           null === headChunks &&
@@ -4418,13 +4415,12 @@ function flushCompletedQueues(request, destination) {
           writeChunk(destination, ">"));
         flushSegment(request, destination, completedRootSegment);
         request.completedRootSegment = null;
-        writeBootstrap(destination, request.resumableState);
+        writeBootstrap(destination, request.renderState);
       } else return;
-    var resumableState$jscomp$0 = request.resumableState,
-      renderState$jscomp$0 = request.renderState;
+    var renderState$jscomp$0 = request.renderState;
     completedRootSegment = 0;
-    resumableState$jscomp$0.preconnects.forEach(flushResourceLate, destination);
-    resumableState$jscomp$0.preconnects.clear();
+    renderState$jscomp$0.preconnects.forEach(flushResourceLate, destination);
+    renderState$jscomp$0.preconnects.clear();
     var preconnectChunks$jscomp$0 = renderState$jscomp$0.preconnectChunks;
     for (
       completedRootSegment = 0;
@@ -4433,24 +4429,18 @@ function flushCompletedQueues(request, destination) {
     )
       writeChunk(destination, preconnectChunks$jscomp$0[completedRootSegment]);
     preconnectChunks$jscomp$0.length = 0;
-    resumableState$jscomp$0.fontPreloads.forEach(
-      flushResourceLate,
-      destination
-    );
-    resumableState$jscomp$0.fontPreloads.clear();
-    resumableState$jscomp$0.highImagePreloads.forEach(
+    renderState$jscomp$0.fontPreloads.forEach(flushResourceLate, destination);
+    renderState$jscomp$0.fontPreloads.clear();
+    renderState$jscomp$0.highImagePreloads.forEach(
       flushResourceInPreamble,
       destination
     );
-    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();
+    renderState$jscomp$0.highImagePreloads.clear();
+    renderState$jscomp$0.precedences.forEach(preloadLateStyles, destination);
+    renderState$jscomp$0.scripts.forEach(flushResourceLate, destination);
+    renderState$jscomp$0.scripts.clear();
+    renderState$jscomp$0.bulkPreloads.forEach(flushResourceLate, destination);
+    renderState$jscomp$0.bulkPreloads.clear();
     var preloadChunks$jscomp$0 = renderState$jscomp$0.preloadChunks;
     for (
       completedRootSegment = 0;
@@ -4470,67 +4460,66 @@ function flushCompletedQueues(request, destination) {
     var clientRenderedBoundaries = request.clientRenderedBoundaries;
     for (i = 0; i < clientRenderedBoundaries.length; i++) {
       var boundary = clientRenderedBoundaries[i];
-      resumableState$jscomp$0 = destination;
-      var resumableState$jscomp$1 = request.resumableState,
+      renderState$jscomp$0 = destination;
+      var resumableState$jscomp$0 = request.resumableState,
         renderState$jscomp$1 = request.renderState,
         id = boundary.rootSegmentID,
         errorDigest = boundary.errorDigest,
         errorMessage = boundary.errorMessage,
         errorComponentStack = boundary.errorComponentStack,
-        scriptFormat = 0 === resumableState$jscomp$1.streamingFormat;
+        scriptFormat = 0 === resumableState$jscomp$0.streamingFormat;
       scriptFormat
-        ? ((resumableState$jscomp$0.buffer +=
+        ? ((renderState$jscomp$0.buffer +=
             renderState$jscomp$1.startInlineScript),
-          0 === (resumableState$jscomp$1.instructions & 4)
-            ? ((resumableState$jscomp$1.instructions |= 4),
-              (resumableState$jscomp$0.buffer +=
+          0 === (resumableState$jscomp$0.instructions & 4)
+            ? ((resumableState$jscomp$0.instructions |= 4),
+              (renderState$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("'))
-            : (resumableState$jscomp$0.buffer += '$RX("'))
-        : (resumableState$jscomp$0.buffer +=
-            '<template data-rxi="" data-bid="');
-      resumableState$jscomp$0.buffer += renderState$jscomp$1.boundaryPrefix;
+            : (renderState$jscomp$0.buffer += '$RX("'))
+        : (renderState$jscomp$0.buffer += '<template data-rxi="" data-bid="');
+      renderState$jscomp$0.buffer += renderState$jscomp$1.boundaryPrefix;
       var chunk = id.toString(16);
-      resumableState$jscomp$0.buffer += chunk;
-      scriptFormat && (resumableState$jscomp$0.buffer += '"');
+      renderState$jscomp$0.buffer += chunk;
+      scriptFormat && (renderState$jscomp$0.buffer += '"');
       if (errorDigest || errorMessage || errorComponentStack)
         if (scriptFormat) {
-          resumableState$jscomp$0.buffer += ",";
+          renderState$jscomp$0.buffer += ",";
           var chunk$jscomp$0 = escapeJSStringsForInstructionScripts(
             errorDigest || ""
           );
-          resumableState$jscomp$0.buffer += chunk$jscomp$0;
+          renderState$jscomp$0.buffer += chunk$jscomp$0;
         } else {
-          resumableState$jscomp$0.buffer += '" data-dgst="';
+          renderState$jscomp$0.buffer += '" data-dgst="';
           var chunk$jscomp$1 = escapeTextForBrowser(errorDigest || "");
-          resumableState$jscomp$0.buffer += chunk$jscomp$1;
+          renderState$jscomp$0.buffer += chunk$jscomp$1;
         }
       if (errorMessage || errorComponentStack)
         if (scriptFormat) {
-          resumableState$jscomp$0.buffer += ",";
+          renderState$jscomp$0.buffer += ",";
           var chunk$jscomp$2 = escapeJSStringsForInstructionScripts(
             errorMessage || ""
           );
-          resumableState$jscomp$0.buffer += chunk$jscomp$2;
+          renderState$jscomp$0.buffer += chunk$jscomp$2;
         } else {
-          resumableState$jscomp$0.buffer += '" data-msg="';
+          renderState$jscomp$0.buffer += '" data-msg="';
           var chunk$jscomp$3 = escapeTextForBrowser(errorMessage || "");
-          resumableState$jscomp$0.buffer += chunk$jscomp$3;
+          renderState$jscomp$0.buffer += chunk$jscomp$3;
         }
       if (errorComponentStack)
         if (scriptFormat) {
-          resumableState$jscomp$0.buffer += ",";
+          renderState$jscomp$0.buffer += ",";
           var chunk$jscomp$4 =
             escapeJSStringsForInstructionScripts(errorComponentStack);
-          resumableState$jscomp$0.buffer += chunk$jscomp$4;
+          renderState$jscomp$0.buffer += chunk$jscomp$4;
         } else {
-          resumableState$jscomp$0.buffer += '" data-stck="';
+          renderState$jscomp$0.buffer += '" data-stck="';
           var chunk$jscomp$5 = escapeTextForBrowser(errorComponentStack);
-          resumableState$jscomp$0.buffer += chunk$jscomp$5;
+          renderState$jscomp$0.buffer += chunk$jscomp$5;
         }
       if (
         scriptFormat
-          ? !writeChunkAndReturn(resumableState$jscomp$0, ")\x3c/script>")
-          : !writeChunkAndReturn(resumableState$jscomp$0, '"></template>')
+          ? !writeChunkAndReturn(renderState$jscomp$0, ")\x3c/script>")
+          : !writeChunkAndReturn(renderState$jscomp$0, '"></template>')
       ) {
         request.destination = null;
         i++;
@@ -4552,35 +4541,35 @@ function flushCompletedQueues(request, destination) {
     completedBoundaries.splice(0, i);
     var partialBoundaries = request.partialBoundaries;
     for (i = 0; i < partialBoundaries.length; i++) {
-      var boundary$31 = partialBoundaries[i];
+      var boundary$32 = partialBoundaries[i];
       a: {
         clientRenderedBoundaries = request;
         boundary = destination;
         clientRenderedBoundaries.renderState.boundaryResources =
-          boundary$31.resources;
-        var completedSegments = boundary$31.completedSegments;
+          boundary$32.resources;
+        var completedSegments = boundary$32.completedSegments;
         for (
-          resumableState$jscomp$1 = 0;
-          resumableState$jscomp$1 < completedSegments.length;
-          resumableState$jscomp$1++
+          resumableState$jscomp$0 = 0;
+          resumableState$jscomp$0 < completedSegments.length;
+          resumableState$jscomp$0++
         )
           if (
             !flushPartiallyCompletedSegment(
               clientRenderedBoundaries,
               boundary,
-              boundary$31,
-              completedSegments[resumableState$jscomp$1]
+              boundary$32,
+              completedSegments[resumableState$jscomp$0]
             )
           ) {
-            resumableState$jscomp$1++;
-            completedSegments.splice(0, resumableState$jscomp$1);
+            resumableState$jscomp$0++;
+            completedSegments.splice(0, resumableState$jscomp$0);
             var JSCompiler_inline_result = !1;
             break a;
           }
-        completedSegments.splice(0, resumableState$jscomp$1);
+        completedSegments.splice(0, resumableState$jscomp$0);
         JSCompiler_inline_result = writeResourcesForBoundary(
           boundary,
-          boundary$31.resources,
+          boundary$32.resources,
           clientRenderedBoundaries.renderState
         );
       }
@@ -4640,8 +4629,8 @@ function abort(request, reason) {
     }
     null !== request.destination &&
       flushCompletedQueues(request, request.destination);
-  } catch (error$33) {
-    logRecoverableError(request, error$33), fatalError(request, error$33);
+  } catch (error$34) {
+    logRecoverableError(request, error$34), fatalError(request, error$34);
   }
 }
 exports.abortStream = function (stream) {
@@ -4843,27 +4832,41 @@ exports.renderNextChunk = function (stream) {
   return request;
 };
 exports.renderToStream = function (children, options) {
-  var destination = { buffer: "", done: !1, fatal: !1, error: null },
-    identifierPrefix = options ? options.identifierPrefix : void 0,
-    bootstrapScriptContent = options ? options.bootstrapScriptContent : void 0,
-    bootstrapScripts = options ? options.bootstrapScripts : void 0,
+  var destination = { buffer: "", done: !1, fatal: !1, error: null };
+  var JSCompiler_inline_result = options ? options.identifierPrefix : void 0;
+  var streamingFormat = 0;
+  void 0 !== (options ? options.unstable_externalRuntimeSrc : void 0) &&
+    (streamingFormat = 1);
+  JSCompiler_inline_result = {
+    idPrefix:
+      void 0 === JSCompiler_inline_result ? "" : JSCompiler_inline_result,
+    nextFormID: 0,
+    streamingFormat: streamingFormat,
+    instructions: 0,
+    hasBody: !1,
+    hasHtml: !1,
+    preloadsMap: {},
+    preconnectsMap: {},
+    stylesMap: {},
+    scriptsMap: {}
+  };
+  streamingFormat = options ? options.bootstrapScriptContent : void 0;
+  var bootstrapScripts = options ? options.bootstrapScripts : void 0,
     bootstrapModules = options ? options.bootstrapModules : void 0,
     externalRuntimeConfig = options
       ? options.unstable_externalRuntimeSrc
       : void 0,
-    idPrefix = void 0 === identifierPrefix ? "" : identifierPrefix;
-  identifierPrefix = [];
-  var streamingFormat = 0,
+    idPrefix = JSCompiler_inline_result.idPrefix,
+    bootstrapChunks = [],
     externalRuntimeScript = null;
-  void 0 !== bootstrapScriptContent &&
-    identifierPrefix.push(
+  void 0 !== streamingFormat &&
+    bootstrapChunks.push(
       "<script>",
-      ("" + bootstrapScriptContent).replace(scriptRegex, scriptReplacer),
+      ("" + streamingFormat).replace(scriptRegex, scriptReplacer),
       "\x3c/script>"
     );
   void 0 !== externalRuntimeConfig &&
-    ((streamingFormat = 1),
-    "string" === typeof externalRuntimeConfig
+    ("string" === typeof externalRuntimeConfig
       ? ((externalRuntimeScript = { src: externalRuntimeConfig, chunks: [] }),
         pushScriptImpl(externalRuntimeScript.chunks, {
           src: externalRuntimeConfig,
@@ -4881,19 +4884,20 @@ exports.renderToStream = function (children, options) {
           integrity: externalRuntimeConfig.integrity,
           nonce: void 0
         })));
-  bootstrapScriptContent = {
+  streamingFormat = {
+    placeholderPrefix: idPrefix + "P:",
+    segmentPrefix: idPrefix + "S:",
+    boundaryPrefix: idPrefix + "B:",
+    startInlineScript: "<script>",
+    htmlChunks: null,
+    headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
-    bootstrapChunks: identifierPrefix,
-    idPrefix: idPrefix,
-    nextFormID: 0,
-    streamingFormat: streamingFormat,
-    instructions: 0,
-    hasBody: !1,
-    hasHtml: !1,
-    preloadsMap: new Map(),
-    preconnectsMap: new Map(),
-    stylesMap: new Map(),
-    scriptsMap: new Map(),
+    bootstrapChunks: bootstrapChunks,
+    charsetChunks: [],
+    preconnectChunks: [],
+    importMapChunks: [],
+    preloadChunks: [],
+    hoistableChunks: [],
     preconnects: new Set(),
     fontPreloads: new Set(),
     highImagePreloads: new Set(),
@@ -4901,7 +4905,11 @@ exports.renderToStream = function (children, options) {
     stylePrecedences: new Map(),
     bootstrapScripts: new Set(),
     scripts: new Set(),
-    bulkPreloads: new Set()
+    bulkPreloads: new Set(),
+    preloadsMap: new Map(),
+    nonce: void 0,
+    boundaryResources: null,
+    stylesToHoist: !1
   };
   if (void 0 !== bootstrapScripts)
     for (
@@ -4909,47 +4917,44 @@ exports.renderToStream = function (children, options) {
       externalRuntimeConfig < bootstrapScripts.length;
       externalRuntimeConfig++
     ) {
-      externalRuntimeScript = bootstrapScripts[externalRuntimeConfig];
+      var scriptConfig = bootstrapScripts[externalRuntimeConfig];
       idPrefix =
-        "string" === typeof externalRuntimeScript
-          ? externalRuntimeScript
-          : externalRuntimeScript.src;
-      streamingFormat =
-        "string" === typeof externalRuntimeScript
-          ? void 0
-          : externalRuntimeScript.integrity;
+        "string" === typeof scriptConfig ? scriptConfig : scriptConfig.src;
       externalRuntimeScript =
-        "string" === typeof externalRuntimeScript ||
-        null == externalRuntimeScript.crossOrigin
+        "string" === typeof scriptConfig ? void 0 : scriptConfig.integrity;
+      scriptConfig =
+        "string" === typeof scriptConfig || null == scriptConfig.crossOrigin
           ? void 0
-          : "use-credentials" === externalRuntimeScript.crossOrigin
+          : "use-credentials" === scriptConfig.crossOrigin
           ? "use-credentials"
           : "";
-      var props = {
+      var key = "[script]" + idPrefix,
+        props = {
           rel: "preload",
           href: idPrefix,
           as: "script",
           fetchPriority: "low",
           nonce: void 0,
-          integrity: streamingFormat,
-          crossOrigin: externalRuntimeScript
+          integrity: externalRuntimeScript,
+          crossOrigin: scriptConfig
         },
         resource = { type: "preload", chunks: [], state: 0, props: props };
-      bootstrapScriptContent.preloadsMap.set("[script]" + idPrefix, resource);
-      bootstrapScriptContent.bootstrapScripts.add(resource);
+      JSCompiler_inline_result.preloadsMap[key] = props;
+      streamingFormat.preloadsMap.set(key, resource);
+      streamingFormat.bootstrapScripts.add(resource);
       pushLinkImpl(resource.chunks, props);
-      identifierPrefix.push('<script src="', escapeTextForBrowser(idPrefix));
-      streamingFormat &&
-        identifierPrefix.push(
+      bootstrapChunks.push('<script src="', escapeTextForBrowser(idPrefix));
+      externalRuntimeScript &&
+        bootstrapChunks.push(
           '" integrity="',
-          escapeTextForBrowser(streamingFormat)
-        );
-      "string" === typeof externalRuntimeScript &&
-        identifierPrefix.push(
-          '" crossorigin="',
           escapeTextForBrowser(externalRuntimeScript)
         );
-      identifierPrefix.push('" async="">\x3c/script>');
+      "string" === typeof scriptConfig &&
+        bootstrapChunks.push(
+          '" crossorigin="',
+          escapeTextForBrowser(scriptConfig)
+        );
+      bootstrapChunks.push('" async="">\x3c/script>');
     }
   if (void 0 !== bootstrapModules)
     for (
@@ -4957,101 +4962,78 @@ exports.renderToStream = function (children, options) {
       bootstrapScripts < bootstrapModules.length;
       bootstrapScripts++
     )
-      (streamingFormat = bootstrapModules[bootstrapScripts]),
+      (externalRuntimeScript = bootstrapModules[bootstrapScripts]),
         (externalRuntimeConfig =
-          "string" === typeof streamingFormat
-            ? streamingFormat
-            : streamingFormat.src),
+          "string" === typeof externalRuntimeScript
+            ? externalRuntimeScript
+            : externalRuntimeScript.src),
         (idPrefix =
-          "string" === typeof streamingFormat
+          "string" === typeof externalRuntimeScript
             ? void 0
-            : streamingFormat.integrity),
-        (streamingFormat =
-          "string" === typeof streamingFormat ||
-          null == streamingFormat.crossOrigin
+            : externalRuntimeScript.integrity),
+        (externalRuntimeScript =
+          "string" === typeof externalRuntimeScript ||
+          null == externalRuntimeScript.crossOrigin
             ? void 0
-            : "use-credentials" === streamingFormat.crossOrigin
+            : "use-credentials" === externalRuntimeScript.crossOrigin
             ? "use-credentials"
             : ""),
-        (externalRuntimeScript = {
+        (scriptConfig = "[script]" + externalRuntimeConfig),
+        (key = {
           rel: "modulepreload",
           href: externalRuntimeConfig,
           fetchPriority: "low",
           nonce: void 0,
           integrity: idPrefix,
-          crossOrigin: streamingFormat
+          crossOrigin: externalRuntimeScript
         }),
-        (props = {
-          type: "preload",
-          chunks: [],
-          state: 0,
-          props: externalRuntimeScript
-        }),
-        bootstrapScriptContent.preloadsMap.set(
-          "[script]" + externalRuntimeConfig,
-          props
-        ),
-        bootstrapScriptContent.bootstrapScripts.add(props),
-        pushLinkImpl(props.chunks, externalRuntimeScript),
-        identifierPrefix.push(
+        (props = { type: "preload", chunks: [], state: 0, props: key }),
+        (JSCompiler_inline_result.preloadsMap[scriptConfig] = key),
+        streamingFormat.preloadsMap.set(scriptConfig, props),
+        streamingFormat.bootstrapScripts.add(props),
+        pushLinkImpl(props.chunks, key),
+        bootstrapChunks.push(
           '<script type="module" src="',
           escapeTextForBrowser(externalRuntimeConfig)
         ),
         idPrefix &&
-          identifierPrefix.push(
-            '" integrity="',
-            escapeTextForBrowser(idPrefix)
-          ),
-        "string" === typeof streamingFormat &&
-          identifierPrefix.push(
+          bootstrapChunks.push('" integrity="', escapeTextForBrowser(idPrefix)),
+        "string" === typeof externalRuntimeScript &&
+          bootstrapChunks.push(
             '" crossorigin="',
-            escapeTextForBrowser(streamingFormat)
+            escapeTextForBrowser(externalRuntimeScript)
           ),
-        identifierPrefix.push('" async="">\x3c/script>');
-  bootstrapModules = bootstrapScriptContent.idPrefix;
-  bootstrapScripts = {
-    placeholderPrefix: bootstrapModules + "P:",
-    segmentPrefix: bootstrapModules + "S:",
-    boundaryPrefix: bootstrapModules + "B:",
-    startInlineScript: "<script>",
-    htmlChunks: null,
-    headChunks: null,
-    charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks: [],
-    preloadChunks: [],
-    hoistableChunks: [],
-    nonce: void 0,
-    boundaryResources: null,
-    stylesToHoist: !1
-  };
+        bootstrapChunks.push('" async="">\x3c/script>');
   bootstrapModules = createFormatContext(0, null, 0);
-  externalRuntimeConfig = options ? options.progressiveChunkSize : void 0;
-  idPrefix = options.onError;
+  bootstrapScripts = options ? options.progressiveChunkSize : void 0;
+  externalRuntimeConfig = options.onError;
   ReactDOMCurrentDispatcher.current = ReactDOMServerDispatcher;
   options = [];
-  identifierPrefix = new Set();
-  bootstrapScriptContent = {
+  bootstrapChunks = new Set();
+  JSCompiler_inline_result = {
     destination: null,
     flushScheduled: !1,
-    resumableState: bootstrapScriptContent,
-    renderState: bootstrapScripts,
+    resumableState: JSCompiler_inline_result,
+    renderState: streamingFormat,
     rootFormatContext: bootstrapModules,
     progressiveChunkSize:
-      void 0 === externalRuntimeConfig ? 12800 : externalRuntimeConfig,
+      void 0 === bootstrapScripts ? 12800 : bootstrapScripts,
     status: 0,
     fatalError: null,
     nextSegmentId: 0,
     allPendingTasks: 0,
     pendingRootTasks: 0,
     completedRootSegment: null,
-    abortableTasks: identifierPrefix,
+    abortableTasks: bootstrapChunks,
     pingedTasks: options,
     clientRenderedBoundaries: [],
     completedBoundaries: [],
     partialBoundaries: [],
     trackedPostpones: null,
-    onError: void 0 === idPrefix ? defaultErrorHandler : idPrefix,
+    onError:
+      void 0 === externalRuntimeConfig
+        ? defaultErrorHandler
+        : externalRuntimeConfig,
     onPostpone: noop,
     onAllReady: noop,
     onShellReady: noop,
@@ -5059,23 +5041,23 @@ exports.renderToStream = function (children, options) {
     onFatalError: noop,
     formState: null
   };
-  bootstrapScripts = createPendingSegment(
-    bootstrapScriptContent,
+  streamingFormat = createPendingSegment(
+    JSCompiler_inline_result,
     0,
     null,
     bootstrapModules,
     !1,
     !1
   );
-  bootstrapScripts.parentFlushed = !0;
+  streamingFormat.parentFlushed = !0;
   children = createRenderTask(
-    bootstrapScriptContent,
+    JSCompiler_inline_result,
     null,
     children,
     -1,
     null,
-    bootstrapScripts,
-    identifierPrefix,
+    streamingFormat,
+    bootstrapChunks,
     null,
     bootstrapModules,
     emptyContextObject,
@@ -5083,8 +5065,8 @@ exports.renderToStream = function (children, options) {
     emptyTreeContext
   );
   options.push(children);
-  bootstrapScriptContent.flushScheduled =
-    null !== bootstrapScriptContent.destination;
+  JSCompiler_inline_result.flushScheduled =
+    null !== JSCompiler_inline_result.destination;
   if (destination.fatal) throw destination.error;
-  return { destination: destination, request: bootstrapScriptContent };
+  return { destination: destination, request: JSCompiler_inline_result };
 };
diff --git a/compiled/facebook-www/ReactTestRenderer-dev.modern.js b/compiled/facebook-www/ReactTestRenderer-dev.modern.js
index 4033472301..94082349c7 100644
--- a/compiled/facebook-www/ReactTestRenderer-dev.modern.js
+++ b/compiled/facebook-www/ReactTestRenderer-dev.modern.js
@@ -24360,7 +24360,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-modern-69220332";
+var ReactVersion = "18.3.0-www-modern-5efbcf55";
 
 // Might add PROFILE later.