diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION
index da2fe1e236860..9840002b0bece 100644
--- a/compiled/facebook-www/REVISION
+++ b/compiled/facebook-www/REVISION
@@ -1 +1 @@
-822386f252fd1f0e949efa904a1ed790133329f7
+fc801116c80b68f7ebdaf66ac77d5f2dcd9e50eb
diff --git a/compiled/facebook-www/React-dev.classic.js b/compiled/facebook-www/React-dev.classic.js
index be562e1df319a..39553295e915f 100644
--- a/compiled/facebook-www/React-dev.classic.js
+++ b/compiled/facebook-www/React-dev.classic.js
@@ -27,7 +27,7 @@ if (
 }
           "use strict";
 
-var ReactVersion = "18.3.0-www-classic-7bcc71be";
+var ReactVersion = "18.3.0-www-classic-a3146e4f";
 
 // ATTENTION
 // When adding new symbols to this file,
diff --git a/compiled/facebook-www/React-dev.modern.js b/compiled/facebook-www/React-dev.modern.js
index 8916409f39964..474f64f2e2c64 100644
--- a/compiled/facebook-www/React-dev.modern.js
+++ b/compiled/facebook-www/React-dev.modern.js
@@ -27,7 +27,7 @@ if (
 }
           "use strict";
 
-var ReactVersion = "18.3.0-www-modern-fbda1d19";
+var ReactVersion = "18.3.0-www-modern-f95d3ddd";
 
 // ATTENTION
 // When adding new symbols to this file,
diff --git a/compiled/facebook-www/React-prod.modern.js b/compiled/facebook-www/React-prod.modern.js
index 6f087d8f7f3b3..b548114aa9c23 100644
--- a/compiled/facebook-www/React-prod.modern.js
+++ b/compiled/facebook-www/React-prod.modern.js
@@ -622,4 +622,4 @@ exports.useSyncExternalStore = function (
   );
 };
 exports.useTransition = useTransition;
-exports.version = "18.3.0-www-modern-ead87ff5";
+exports.version = "18.3.0-www-modern-0b35a427";
diff --git a/compiled/facebook-www/ReactART-dev.classic.js b/compiled/facebook-www/ReactART-dev.classic.js
index a69912f279343..ed9c2b0e60c4c 100644
--- a/compiled/facebook-www/ReactART-dev.classic.js
+++ b/compiled/facebook-www/ReactART-dev.classic.js
@@ -69,7 +69,7 @@ function _assertThisInitialized(self) {
   return self;
 }
 
-var ReactVersion = "18.3.0-www-classic-4705a186";
+var ReactVersion = "18.3.0-www-classic-a18a6ba5";
 
 var LegacyRoot = 0;
 var ConcurrentRoot = 1;
@@ -2210,6 +2210,7 @@ function markRootFinished(root, remainingLanes) {
   root.expiredLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   var entanglements = root.entanglements;
   var expirationTimes = root.expirationTimes;
   var hiddenUpdates = root.hiddenUpdates; // Clear the lanes that no longer have pending work
@@ -5412,6 +5413,32 @@ function trackUsedThenable(thenableState, thenable, index) {
         // happen. Flight lazily parses JSON when the value is actually awaited.
         thenable.then(noop, noop);
       } else {
+        // This is an uncached thenable that we haven't seen before.
+        // Detect infinite ping loops caused by uncached promises.
+        var root = getWorkInProgressRoot();
+
+        if (root !== null && root.shellSuspendCounter > 100) {
+          // This root has suspended repeatedly in the shell without making any
+          // progress (i.e. committing something). This is highly suggestive of
+          // an infinite ping loop, often caused by an accidental Async Client
+          // Component.
+          //
+          // During a transition, we can suspend the work loop until the promise
+          // to resolve, but this is a sync render, so that's not an option. We
+          // also can't show a fallback, because none was provided. So our last
+          // resort is to throw an error.
+          //
+          // TODO: Remove this error in a future release. Other ways of handling
+          // this case include forcing a concurrent render, or putting the whole
+          // root into offscreen mode.
+          throw new Error(
+            "async/await is not yet supported in Client Components, only " +
+              "Server Components. This error is often caused by accidentally " +
+              "adding `'use client'` to a module that was originally written " +
+              "for the server."
+          );
+        }
+
         var pendingThenable = thenable;
         pendingThenable.status = "pending";
         pendingThenable.then(
@@ -25109,6 +25136,8 @@ function renderRootSync(root, lanes) {
     markRenderStarted(lanes);
   }
 
+  var didSuspendInShell = false;
+
   outer: do {
     try {
       if (
@@ -25136,6 +25165,13 @@ function renderRootSync(root, lanes) {
             break outer;
           }
 
+          case SuspendedOnImmediate:
+          case SuspendedOnData: {
+            if (!didSuspendInShell && getSuspenseHandler() === null) {
+              didSuspendInShell = true;
+            } // Intentional fallthrough
+          }
+
           default: {
             // Unwind then continue with the normal work loop.
             workInProgressSuspendedReason = NotSuspended;
@@ -25151,7 +25187,16 @@ function renderRootSync(root, lanes) {
     } catch (thrownValue) {
       handleThrow(root, thrownValue);
     }
-  } while (true);
+  } while (true); // Check if something suspended in the shell. We use this to detect an
+  // infinite ping loop caused by an uncached promise.
+  //
+  // Only increment this counter once per synchronous render attempt across the
+  // whole tree. Even if there are many sibling components that suspend, this
+  // counter only gets incremented once.
+
+  if (didSuspendInShell) {
+    root.shellSuspendCounter++;
+  }
 
   resetContextDependencies();
   executionContext = prevExecutionContext;
@@ -28236,6 +28281,7 @@ function FiberRootNode(
   this.expiredLanes = NoLanes;
   this.finishedLanes = NoLanes;
   this.errorRecoveryDisabledLanes = NoLanes;
+  this.shellSuspendCounter = 0;
   this.entangledLanes = NoLanes;
   this.entanglements = createLaneMap(NoLanes);
   this.hiddenUpdates = createLaneMap(null);
diff --git a/compiled/facebook-www/ReactART-dev.modern.js b/compiled/facebook-www/ReactART-dev.modern.js
index b294a92197d3f..8355c8f81baa5 100644
--- a/compiled/facebook-www/ReactART-dev.modern.js
+++ b/compiled/facebook-www/ReactART-dev.modern.js
@@ -69,7 +69,7 @@ function _assertThisInitialized(self) {
   return self;
 }
 
-var ReactVersion = "18.3.0-www-modern-5550294b";
+var ReactVersion = "18.3.0-www-modern-7d12a802";
 
 var LegacyRoot = 0;
 var ConcurrentRoot = 1;
@@ -2207,6 +2207,7 @@ function markRootFinished(root, remainingLanes) {
   root.expiredLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   var entanglements = root.entanglements;
   var expirationTimes = root.expirationTimes;
   var hiddenUpdates = root.hiddenUpdates; // Clear the lanes that no longer have pending work
@@ -5168,6 +5169,32 @@ function trackUsedThenable(thenableState, thenable, index) {
         // happen. Flight lazily parses JSON when the value is actually awaited.
         thenable.then(noop, noop);
       } else {
+        // This is an uncached thenable that we haven't seen before.
+        // Detect infinite ping loops caused by uncached promises.
+        var root = getWorkInProgressRoot();
+
+        if (root !== null && root.shellSuspendCounter > 100) {
+          // This root has suspended repeatedly in the shell without making any
+          // progress (i.e. committing something). This is highly suggestive of
+          // an infinite ping loop, often caused by an accidental Async Client
+          // Component.
+          //
+          // During a transition, we can suspend the work loop until the promise
+          // to resolve, but this is a sync render, so that's not an option. We
+          // also can't show a fallback, because none was provided. So our last
+          // resort is to throw an error.
+          //
+          // TODO: Remove this error in a future release. Other ways of handling
+          // this case include forcing a concurrent render, or putting the whole
+          // root into offscreen mode.
+          throw new Error(
+            "async/await is not yet supported in Client Components, only " +
+              "Server Components. This error is often caused by accidentally " +
+              "adding `'use client'` to a module that was originally written " +
+              "for the server."
+          );
+        }
+
         var pendingThenable = thenable;
         pendingThenable.status = "pending";
         pendingThenable.then(
@@ -24774,6 +24801,8 @@ function renderRootSync(root, lanes) {
     markRenderStarted(lanes);
   }
 
+  var didSuspendInShell = false;
+
   outer: do {
     try {
       if (
@@ -24801,6 +24830,13 @@ function renderRootSync(root, lanes) {
             break outer;
           }
 
+          case SuspendedOnImmediate:
+          case SuspendedOnData: {
+            if (!didSuspendInShell && getSuspenseHandler() === null) {
+              didSuspendInShell = true;
+            } // Intentional fallthrough
+          }
+
           default: {
             // Unwind then continue with the normal work loop.
             workInProgressSuspendedReason = NotSuspended;
@@ -24816,7 +24852,16 @@ function renderRootSync(root, lanes) {
     } catch (thrownValue) {
       handleThrow(root, thrownValue);
     }
-  } while (true);
+  } while (true); // Check if something suspended in the shell. We use this to detect an
+  // infinite ping loop caused by an uncached promise.
+  //
+  // Only increment this counter once per synchronous render attempt across the
+  // whole tree. Even if there are many sibling components that suspend, this
+  // counter only gets incremented once.
+
+  if (didSuspendInShell) {
+    root.shellSuspendCounter++;
+  }
 
   resetContextDependencies();
   executionContext = prevExecutionContext;
@@ -27896,6 +27941,7 @@ function FiberRootNode(
   this.expiredLanes = NoLanes;
   this.finishedLanes = NoLanes;
   this.errorRecoveryDisabledLanes = NoLanes;
+  this.shellSuspendCounter = 0;
   this.entangledLanes = NoLanes;
   this.entanglements = createLaneMap(NoLanes);
   this.hiddenUpdates = createLaneMap(null);
diff --git a/compiled/facebook-www/ReactART-prod.classic.js b/compiled/facebook-www/ReactART-prod.classic.js
index 1253385bddd6d..858c647c01121 100644
--- a/compiled/facebook-www/ReactART-prod.classic.js
+++ b/compiled/facebook-www/ReactART-prod.classic.js
@@ -564,6 +564,7 @@ function markRootFinished(root, remainingLanes) {
   root.expiredLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   remainingLanes = root.entanglements;
   var expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
@@ -1383,26 +1384,30 @@ function trackUsedThenable(thenableState, thenable, index) {
     case "rejected":
       throw thenable.reason;
     default:
-      "string" === typeof thenable.status
-        ? thenable.then(noop, noop)
-        : ((thenableState = thenable),
-          (thenableState.status = "pending"),
-          thenableState.then(
-            function (fulfilledValue) {
-              if ("pending" === thenable.status) {
-                var fulfilledThenable = thenable;
-                fulfilledThenable.status = "fulfilled";
-                fulfilledThenable.value = fulfilledValue;
-              }
-            },
-            function (error) {
-              if ("pending" === thenable.status) {
-                var rejectedThenable = thenable;
-                rejectedThenable.status = "rejected";
-                rejectedThenable.reason = error;
-              }
+      if ("string" === typeof thenable.status) thenable.then(noop, noop);
+      else {
+        thenableState = workInProgressRoot;
+        if (null !== thenableState && 100 < thenableState.shellSuspendCounter)
+          throw Error(formatProdErrorMessage(482));
+        thenableState = thenable;
+        thenableState.status = "pending";
+        thenableState.then(
+          function (fulfilledValue) {
+            if ("pending" === thenable.status) {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = "fulfilled";
+              fulfilledThenable.value = fulfilledValue;
             }
-          ));
+          },
+          function (error) {
+            if ("pending" === thenable.status) {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = "rejected";
+              rejectedThenable.reason = error;
+            }
+          }
+        );
+      }
       switch (thenable.status) {
         case "fulfilled":
           return thenable.value;
@@ -8444,20 +8449,26 @@ function renderRootSync(root, lanes) {
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
     (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
       prepareFreshStack(root, lanes);
+  lanes = !1;
   a: do
     try {
       if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
-        lanes = workInProgress;
-        var thrownValue = workInProgressThrownValue;
+        var unitOfWork = workInProgress,
+          thrownValue = workInProgressThrownValue;
         switch (workInProgressSuspendedReason) {
           case 8:
             resetWorkInProgressStack();
             workInProgressRootExitStatus = 6;
             break a;
+          case 3:
+          case 2:
+            lanes ||
+              null !== suspenseHandlerStackCursor.current ||
+              (lanes = !0);
           default:
             (workInProgressSuspendedReason = 0),
               (workInProgressThrownValue = null),
-              throwAndUnwindWorkLoop(lanes, thrownValue);
+              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
         }
       }
       workLoopSync();
@@ -8466,6 +8477,7 @@ function renderRootSync(root, lanes) {
       handleThrow(root, thrownValue$127);
     }
   while (1);
+  lanes && root.shellSuspendCounter++;
   resetContextDependencies();
   executionContext = prevExecutionContext;
   ReactCurrentDispatcher.current = prevDispatcher;
@@ -9924,6 +9936,7 @@ function FiberRootNode(
   this.callbackPriority = 0;
   this.expirationTimes = createLaneMap(-1);
   this.entangledLanes =
+    this.shellSuspendCounter =
     this.errorRecoveryDisabledLanes =
     this.finishedLanes =
     this.expiredLanes =
@@ -10129,7 +10142,7 @@ var slice = Array.prototype.slice,
       return null;
     },
     bundleType: 0,
-    version: "18.3.0-www-classic-7bcc71be",
+    version: "18.3.0-www-classic-a3146e4f",
     rendererPackageName: "react-art"
   };
 var internals$jscomp$inline_1309 = {
@@ -10160,7 +10173,7 @@ var internals$jscomp$inline_1309 = {
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-classic-7bcc71be"
+  reconcilerVersion: "18.3.0-www-classic-a3146e4f"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
   var hook$jscomp$inline_1310 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
diff --git a/compiled/facebook-www/ReactART-prod.modern.js b/compiled/facebook-www/ReactART-prod.modern.js
index 8d65292c5bd3d..517d51acc5a37 100644
--- a/compiled/facebook-www/ReactART-prod.modern.js
+++ b/compiled/facebook-www/ReactART-prod.modern.js
@@ -448,6 +448,7 @@ function markRootFinished(root, remainingLanes) {
   root.expiredLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   remainingLanes = root.entanglements;
   var expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
@@ -1189,26 +1190,30 @@ function trackUsedThenable(thenableState, thenable, index) {
     case "rejected":
       throw thenable.reason;
     default:
-      "string" === typeof thenable.status
-        ? thenable.then(noop, noop)
-        : ((thenableState = thenable),
-          (thenableState.status = "pending"),
-          thenableState.then(
-            function (fulfilledValue) {
-              if ("pending" === thenable.status) {
-                var fulfilledThenable = thenable;
-                fulfilledThenable.status = "fulfilled";
-                fulfilledThenable.value = fulfilledValue;
-              }
-            },
-            function (error) {
-              if ("pending" === thenable.status) {
-                var rejectedThenable = thenable;
-                rejectedThenable.status = "rejected";
-                rejectedThenable.reason = error;
-              }
+      if ("string" === typeof thenable.status) thenable.then(noop, noop);
+      else {
+        thenableState = workInProgressRoot;
+        if (null !== thenableState && 100 < thenableState.shellSuspendCounter)
+          throw Error(formatProdErrorMessage(482));
+        thenableState = thenable;
+        thenableState.status = "pending";
+        thenableState.then(
+          function (fulfilledValue) {
+            if ("pending" === thenable.status) {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = "fulfilled";
+              fulfilledThenable.value = fulfilledValue;
             }
-          ));
+          },
+          function (error) {
+            if ("pending" === thenable.status) {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = "rejected";
+              rejectedThenable.reason = error;
+            }
+          }
+        );
+      }
       switch (thenable.status) {
         case "fulfilled":
           return thenable.value;
@@ -8180,20 +8185,26 @@ function renderRootSync(root, lanes) {
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
     (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
       prepareFreshStack(root, lanes);
+  lanes = !1;
   a: do
     try {
       if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
-        lanes = workInProgress;
-        var thrownValue = workInProgressThrownValue;
+        var unitOfWork = workInProgress,
+          thrownValue = workInProgressThrownValue;
         switch (workInProgressSuspendedReason) {
           case 8:
             resetWorkInProgressStack();
             workInProgressRootExitStatus = 6;
             break a;
+          case 3:
+          case 2:
+            lanes ||
+              null !== suspenseHandlerStackCursor.current ||
+              (lanes = !0);
           default:
             (workInProgressSuspendedReason = 0),
               (workInProgressThrownValue = null),
-              throwAndUnwindWorkLoop(lanes, thrownValue);
+              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
         }
       }
       workLoopSync();
@@ -8202,6 +8213,7 @@ function renderRootSync(root, lanes) {
       handleThrow(root, thrownValue$126);
     }
   while (1);
+  lanes && root.shellSuspendCounter++;
   resetContextDependencies();
   executionContext = prevExecutionContext;
   ReactCurrentDispatcher.current = prevDispatcher;
@@ -9629,6 +9641,7 @@ function FiberRootNode(
   this.callbackPriority = 0;
   this.expirationTimes = createLaneMap(-1);
   this.entangledLanes =
+    this.shellSuspendCounter =
     this.errorRecoveryDisabledLanes =
     this.finishedLanes =
     this.expiredLanes =
@@ -9794,7 +9807,7 @@ var slice = Array.prototype.slice,
       return null;
     },
     bundleType: 0,
-    version: "18.3.0-www-modern-e5c0626d",
+    version: "18.3.0-www-modern-00f6ca5a",
     rendererPackageName: "react-art"
   };
 var internals$jscomp$inline_1289 = {
@@ -9825,7 +9838,7 @@ var internals$jscomp$inline_1289 = {
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-modern-e5c0626d"
+  reconcilerVersion: "18.3.0-www-modern-00f6ca5a"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
   var hook$jscomp$inline_1290 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
diff --git a/compiled/facebook-www/ReactDOM-dev.classic.js b/compiled/facebook-www/ReactDOM-dev.classic.js
index 33b56dd577ccf..e7118b249ee6c 100644
--- a/compiled/facebook-www/ReactDOM-dev.classic.js
+++ b/compiled/facebook-www/ReactDOM-dev.classic.js
@@ -2383,6 +2383,7 @@ function markRootFinished(root, remainingLanes) {
   root.expiredLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   var entanglements = root.entanglements;
   var expirationTimes = root.expirationTimes;
   var hiddenUpdates = root.hiddenUpdates; // Clear the lanes that no longer have pending work
@@ -9848,6 +9849,32 @@ function trackUsedThenable(thenableState, thenable, index) {
         // happen. Flight lazily parses JSON when the value is actually awaited.
         thenable.then(noop$2, noop$2);
       } else {
+        // This is an uncached thenable that we haven't seen before.
+        // Detect infinite ping loops caused by uncached promises.
+        var root = getWorkInProgressRoot();
+
+        if (root !== null && root.shellSuspendCounter > 100) {
+          // This root has suspended repeatedly in the shell without making any
+          // progress (i.e. committing something). This is highly suggestive of
+          // an infinite ping loop, often caused by an accidental Async Client
+          // Component.
+          //
+          // During a transition, we can suspend the work loop until the promise
+          // to resolve, but this is a sync render, so that's not an option. We
+          // also can't show a fallback, because none was provided. So our last
+          // resort is to throw an error.
+          //
+          // TODO: Remove this error in a future release. Other ways of handling
+          // this case include forcing a concurrent render, or putting the whole
+          // root into offscreen mode.
+          throw new Error(
+            "async/await is not yet supported in Client Components, only " +
+              "Server Components. This error is often caused by accidentally " +
+              "adding `'use client'` to a module that was originally written " +
+              "for the server."
+          );
+        }
+
         var pendingThenable = thenable;
         pendingThenable.status = "pending";
         pendingThenable.then(
@@ -30650,6 +30677,8 @@ function renderRootSync(root, lanes) {
     markRenderStarted(lanes);
   }
 
+  var didSuspendInShell = false;
+
   outer: do {
     try {
       if (
@@ -30677,6 +30706,13 @@ function renderRootSync(root, lanes) {
             break outer;
           }
 
+          case SuspendedOnImmediate:
+          case SuspendedOnData: {
+            if (!didSuspendInShell && getSuspenseHandler() === null) {
+              didSuspendInShell = true;
+            } // Intentional fallthrough
+          }
+
           default: {
             // Unwind then continue with the normal work loop.
             workInProgressSuspendedReason = NotSuspended;
@@ -30692,7 +30728,16 @@ function renderRootSync(root, lanes) {
     } catch (thrownValue) {
       handleThrow(root, thrownValue);
     }
-  } while (true);
+  } while (true); // Check if something suspended in the shell. We use this to detect an
+  // infinite ping loop caused by an uncached promise.
+  //
+  // Only increment this counter once per synchronous render attempt across the
+  // whole tree. Even if there are many sibling components that suspend, this
+  // counter only gets incremented once.
+
+  if (didSuspendInShell) {
+    root.shellSuspendCounter++;
+  }
 
   resetContextDependencies();
   executionContext = prevExecutionContext;
@@ -33843,6 +33888,7 @@ function FiberRootNode(
   this.expiredLanes = NoLanes;
   this.finishedLanes = NoLanes;
   this.errorRecoveryDisabledLanes = NoLanes;
+  this.shellSuspendCounter = 0;
   this.entangledLanes = NoLanes;
   this.entanglements = createLaneMap(NoLanes);
   this.hiddenUpdates = createLaneMap(null);
@@ -33961,7 +34007,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-classic-7f1ea94c";
+var ReactVersion = "18.3.0-www-classic-649b263b";
 
 function createPortal$1(
   children,
diff --git a/compiled/facebook-www/ReactDOM-dev.modern.js b/compiled/facebook-www/ReactDOM-dev.modern.js
index e602bc0d0c8e7..3ad0f28c090a4 100644
--- a/compiled/facebook-www/ReactDOM-dev.modern.js
+++ b/compiled/facebook-www/ReactDOM-dev.modern.js
@@ -1735,6 +1735,7 @@ function markRootFinished(root, remainingLanes) {
   root.expiredLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   var entanglements = root.entanglements;
   var expirationTimes = root.expirationTimes;
   var hiddenUpdates = root.hiddenUpdates; // Clear the lanes that no longer have pending work
@@ -9789,6 +9790,32 @@ function trackUsedThenable(thenableState, thenable, index) {
         // happen. Flight lazily parses JSON when the value is actually awaited.
         thenable.then(noop$2, noop$2);
       } else {
+        // This is an uncached thenable that we haven't seen before.
+        // Detect infinite ping loops caused by uncached promises.
+        var root = getWorkInProgressRoot();
+
+        if (root !== null && root.shellSuspendCounter > 100) {
+          // This root has suspended repeatedly in the shell without making any
+          // progress (i.e. committing something). This is highly suggestive of
+          // an infinite ping loop, often caused by an accidental Async Client
+          // Component.
+          //
+          // During a transition, we can suspend the work loop until the promise
+          // to resolve, but this is a sync render, so that's not an option. We
+          // also can't show a fallback, because none was provided. So our last
+          // resort is to throw an error.
+          //
+          // TODO: Remove this error in a future release. Other ways of handling
+          // this case include forcing a concurrent render, or putting the whole
+          // root into offscreen mode.
+          throw new Error(
+            "async/await is not yet supported in Client Components, only " +
+              "Server Components. This error is often caused by accidentally " +
+              "adding `'use client'` to a module that was originally written " +
+              "for the server."
+          );
+        }
+
         var pendingThenable = thenable;
         pendingThenable.status = "pending";
         pendingThenable.then(
@@ -30500,6 +30527,8 @@ function renderRootSync(root, lanes) {
     markRenderStarted(lanes);
   }
 
+  var didSuspendInShell = false;
+
   outer: do {
     try {
       if (
@@ -30527,6 +30556,13 @@ function renderRootSync(root, lanes) {
             break outer;
           }
 
+          case SuspendedOnImmediate:
+          case SuspendedOnData: {
+            if (!didSuspendInShell && getSuspenseHandler() === null) {
+              didSuspendInShell = true;
+            } // Intentional fallthrough
+          }
+
           default: {
             // Unwind then continue with the normal work loop.
             workInProgressSuspendedReason = NotSuspended;
@@ -30542,7 +30578,16 @@ function renderRootSync(root, lanes) {
     } catch (thrownValue) {
       handleThrow(root, thrownValue);
     }
-  } while (true);
+  } while (true); // Check if something suspended in the shell. We use this to detect an
+  // infinite ping loop caused by an uncached promise.
+  //
+  // Only increment this counter once per synchronous render attempt across the
+  // whole tree. Even if there are many sibling components that suspend, this
+  // counter only gets incremented once.
+
+  if (didSuspendInShell) {
+    root.shellSuspendCounter++;
+  }
 
   resetContextDependencies();
   executionContext = prevExecutionContext;
@@ -33688,6 +33733,7 @@ function FiberRootNode(
   this.expiredLanes = NoLanes;
   this.finishedLanes = NoLanes;
   this.errorRecoveryDisabledLanes = NoLanes;
+  this.shellSuspendCounter = 0;
   this.entangledLanes = NoLanes;
   this.entanglements = createLaneMap(NoLanes);
   this.hiddenUpdates = createLaneMap(null);
@@ -33806,7 +33852,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-modern-5550294b";
+var ReactVersion = "18.3.0-www-modern-7d12a802";
 
 function createPortal$1(
   children,
diff --git a/compiled/facebook-www/ReactDOM-prod.classic.js b/compiled/facebook-www/ReactDOM-prod.classic.js
index c7b094603e5ac..372399c6fc194 100644
--- a/compiled/facebook-www/ReactDOM-prod.classic.js
+++ b/compiled/facebook-www/ReactDOM-prod.classic.js
@@ -608,6 +608,7 @@ function markRootFinished(root, remainingLanes) {
   root.expiredLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   remainingLanes = root.entanglements;
   var expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
@@ -2159,26 +2160,30 @@ function trackUsedThenable(thenableState, thenable, index) {
     case "rejected":
       throw thenable.reason;
     default:
-      "string" === typeof thenable.status
-        ? thenable.then(noop$2, noop$2)
-        : ((thenableState = thenable),
-          (thenableState.status = "pending"),
-          thenableState.then(
-            function (fulfilledValue) {
-              if ("pending" === thenable.status) {
-                var fulfilledThenable = thenable;
-                fulfilledThenable.status = "fulfilled";
-                fulfilledThenable.value = fulfilledValue;
-              }
-            },
-            function (error) {
-              if ("pending" === thenable.status) {
-                var rejectedThenable = thenable;
-                rejectedThenable.status = "rejected";
-                rejectedThenable.reason = error;
-              }
+      if ("string" === typeof thenable.status) thenable.then(noop$2, noop$2);
+      else {
+        thenableState = workInProgressRoot;
+        if (null !== thenableState && 100 < thenableState.shellSuspendCounter)
+          throw Error(formatProdErrorMessage(482));
+        thenableState = thenable;
+        thenableState.status = "pending";
+        thenableState.then(
+          function (fulfilledValue) {
+            if ("pending" === thenable.status) {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = "fulfilled";
+              fulfilledThenable.value = fulfilledValue;
             }
-          ));
+          },
+          function (error) {
+            if ("pending" === thenable.status) {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = "rejected";
+              rejectedThenable.reason = error;
+            }
+          }
+        );
+      }
       switch (thenable.status) {
         case "fulfilled":
           return thenable.value;
@@ -3076,13 +3081,13 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
         null === errors ? (errors = [onlyLegacy]) : errors.push(onlyLegacy);
         break;
       }
-      for (var root$43 = firstScheduledRoot; null !== root$43; ) {
+      for (var root$44 = firstScheduledRoot; null !== root$44; ) {
         if (
-          (!onlyLegacy || 0 === root$43.tag) &&
+          (!onlyLegacy || 0 === root$44.tag) &&
           0 !==
             (getNextLanes(
-              root$43,
-              root$43 === workInProgressRoot$jscomp$0
+              root$44,
+              root$44 === workInProgressRoot$jscomp$0
                 ? workInProgressRootRenderLanes$jscomp$0
                 : 0
             ) &
@@ -3090,7 +3095,7 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
         )
           try {
             didPerformSomeWork = !0;
-            var root = root$43;
+            var root = root$44;
             if (0 !== (executionContext & 6))
               throw Error(formatProdErrorMessage(327));
             flushPassiveEffects();
@@ -3134,7 +3139,7 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
           } catch (error) {
             null === errors ? (errors = [error]) : errors.push(error);
           }
-        root$43 = root$43.next;
+        root$44 = root$44.next;
       }
     } while (didPerformSomeWork);
     isFlushingWork = !1;
@@ -3306,12 +3311,12 @@ function requestAsyncActionContext(actionReturnValue, finishedState) {
   }
   if (null === currentEntangledListeners) return finishedState;
   actionReturnValue = currentEntangledListeners;
-  var resultThenable$46 = createResultThenable(actionReturnValue);
+  var resultThenable$47 = createResultThenable(actionReturnValue);
   actionReturnValue.push(function () {
-    resultThenable$46.status = "fulfilled";
-    resultThenable$46.value = finishedState;
+    resultThenable$47.status = "fulfilled";
+    resultThenable$47.value = finishedState;
   });
-  return resultThenable$46;
+  return resultThenable$47;
 }
 function pingEngtangledActionScope() {
   if (
@@ -3597,7 +3602,7 @@ function updateReducerImpl(hook, current, reducer) {
             update = update.next;
             continue;
           } else {
-            var clone$48 = {
+            var clone$49 = {
               lane: 0,
               revertLane: update.revertLane,
               action: update.action,
@@ -3606,9 +3611,9 @@ function updateReducerImpl(hook, current, reducer) {
               next: null
             };
             null === newBaseQueueLast
-              ? ((newBaseQueueFirst = newBaseQueueLast = clone$48),
+              ? ((newBaseQueueFirst = newBaseQueueLast = clone$49),
                 (baseFirst = pendingQueue))
-              : (newBaseQueueLast = newBaseQueueLast.next = clone$48);
+              : (newBaseQueueLast = newBaseQueueLast.next = clone$49);
             currentlyRenderingFiber$1.lanes |= updateLane;
             workInProgressRootSkippedLanes |= updateLane;
           }
@@ -3630,7 +3635,7 @@ function updateReducerImpl(hook, current, reducer) {
           ? update.eagerState
           : reducer(pendingQueue, updateLane);
       } else
-        (clone$48 = {
+        (clone$49 = {
           lane: updateLane,
           revertLane: update.revertLane,
           action: update.action,
@@ -3639,9 +3644,9 @@ function updateReducerImpl(hook, current, reducer) {
           next: null
         }),
           null === newBaseQueueLast
-            ? ((newBaseQueueFirst = newBaseQueueLast = clone$48),
+            ? ((newBaseQueueFirst = newBaseQueueLast = clone$49),
               (baseFirst = pendingQueue))
-            : (newBaseQueueLast = newBaseQueueLast.next = clone$48),
+            : (newBaseQueueLast = newBaseQueueLast.next = clone$49),
           (currentlyRenderingFiber$1.lanes |= updateLane),
           (workInProgressRootSkippedLanes |= updateLane);
       update = update.next;
@@ -3991,14 +3996,14 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$53 = enqueueUpdate(provider, fiber, lane);
-        null !== root$53 &&
-          (scheduleUpdateOnFiber(root$53, provider, lane),
-          entangleTransitions(root$53, provider, lane));
+        var root$54 = enqueueUpdate(provider, fiber, lane);
+        null !== root$54 &&
+          (scheduleUpdateOnFiber(root$54, provider, lane),
+          entangleTransitions(root$54, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$53 &&
+          null !== root$54 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -4226,15 +4231,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$49 = workInProgressRoot;
-      if (null === root$49) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$49, renderLanes$1) ||
+      var root$50 = workInProgressRoot;
+      if (null === root$50) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$50, renderLanes$1) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$49 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$49;
-    mountEffect(subscribeToStore.bind(null, fiber, root$49, subscribe), [
+    root$50 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$50;
+    mountEffect(subscribeToStore.bind(null, fiber, root$50, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -4243,7 +4248,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$49,
+        root$50,
         getServerSnapshot,
         getSnapshot
       ),
@@ -4751,10 +4756,10 @@ var markerInstanceStack = createCursor(null);
 function pushRootMarkerInstance(workInProgress) {
   if (enableTransitionTracing) {
     var transitions = workInProgressTransitions,
-      root$63 = workInProgress.stateNode;
+      root$64 = workInProgress.stateNode;
     null !== transitions &&
       transitions.forEach(function (transition) {
-        if (!root$63.incompleteTransitions.has(transition)) {
+        if (!root$64.incompleteTransitions.has(transition)) {
           var markerInstance = {
             tag: 0,
             transitions: new Set([transition]),
@@ -4762,11 +4767,11 @@ function pushRootMarkerInstance(workInProgress) {
             aborts: null,
             name: null
           };
-          root$63.incompleteTransitions.set(transition, markerInstance);
+          root$64.incompleteTransitions.set(transition, markerInstance);
         }
       });
     var markerInstances = [];
-    root$63.incompleteTransitions.forEach(function (markerInstance) {
+    root$64.incompleteTransitions.forEach(function (markerInstance) {
       markerInstances.push(markerInstance);
     });
     push(markerInstanceStack, markerInstances);
@@ -5458,14 +5463,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
   }
   JSCompiler_temp = current.memoizedState;
   if (null !== JSCompiler_temp) {
-    var dehydrated$70 = JSCompiler_temp.dehydrated;
-    if (null !== dehydrated$70)
+    var dehydrated$71 = JSCompiler_temp.dehydrated;
+    if (null !== dehydrated$71)
       return updateDehydratedSuspenseComponent(
         current,
         workInProgress,
         didSuspend,
         nextProps,
-        dehydrated$70,
+        dehydrated$71,
         JSCompiler_temp,
         renderLanes
       );
@@ -5475,7 +5480,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
     JSCompiler_temp = current.child;
-    dehydrated$70 = JSCompiler_temp.sibling;
+    dehydrated$71 = JSCompiler_temp.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
     0 === (didSuspend & 1) && workInProgress.child !== JSCompiler_temp
       ? ((nextProps = workInProgress.child),
@@ -5484,8 +5489,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         (workInProgress.deletions = null))
       : ((nextProps = createWorkInProgress(JSCompiler_temp, primaryChildProps)),
         (nextProps.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280));
-    null !== dehydrated$70
-      ? (showFallback = createWorkInProgress(dehydrated$70, showFallback))
+    null !== dehydrated$71
+      ? (showFallback = createWorkInProgress(dehydrated$71, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -5504,10 +5509,10 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       ? (didSuspend = mountSuspenseOffscreenState(renderLanes))
       : ((JSCompiler_temp = didSuspend.cachePool),
         null !== JSCompiler_temp
-          ? ((dehydrated$70 = CacheContext._currentValue),
+          ? ((dehydrated$71 = CacheContext._currentValue),
             (JSCompiler_temp =
-              JSCompiler_temp.parent !== dehydrated$70
-                ? { parent: dehydrated$70, pool: dehydrated$70 }
+              JSCompiler_temp.parent !== dehydrated$71
+                ? { parent: dehydrated$71, pool: dehydrated$71 }
                 : JSCompiler_temp))
           : (JSCompiler_temp = getSuspendedCache()),
         (didSuspend = {
@@ -5521,23 +5526,23 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         ((JSCompiler_temp = enableTransitionTracing
           ? markerInstanceStack.current
           : null),
-        (dehydrated$70 = showFallback.updateQueue),
+        (dehydrated$71 = showFallback.updateQueue),
         (primaryChildProps = current.updateQueue),
-        null === dehydrated$70
+        null === dehydrated$71
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue: null
             })
-          : dehydrated$70 === primaryChildProps
+          : dehydrated$71 === primaryChildProps
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue:
                 null !== primaryChildProps ? primaryChildProps.retryQueue : null
             })
-          : ((dehydrated$70.transitions = didSuspend),
-            (dehydrated$70.markerInstances = JSCompiler_temp))));
+          : ((dehydrated$71.transitions = didSuspend),
+            (dehydrated$71.markerInstances = JSCompiler_temp))));
     showFallback.childLanes = current.childLanes & ~renderLanes;
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
@@ -6604,14 +6609,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         break;
       case "collapsed":
         lastTailNode = renderState.tail;
-        for (var lastTailNode$101 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$101 = lastTailNode),
+        for (var lastTailNode$102 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$102 = lastTailNode),
             (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$101
+        null === lastTailNode$102
           ? hasRenderedATailFallback || null === renderState.tail
             ? (renderState.tail = null)
             : (renderState.tail.sibling = null)
-          : (lastTailNode$101.sibling = null);
+          : (lastTailNode$102.sibling = null);
     }
 }
 function bubbleProperties(completedWork) {
@@ -6621,19 +6626,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$102 = completedWork.child; null !== child$102; )
-      (newChildLanes |= child$102.lanes | child$102.childLanes),
-        (subtreeFlags |= child$102.subtreeFlags & 31457280),
-        (subtreeFlags |= child$102.flags & 31457280),
-        (child$102.return = completedWork),
-        (child$102 = child$102.sibling);
+    for (var child$103 = completedWork.child; null !== child$103; )
+      (newChildLanes |= child$103.lanes | child$103.childLanes),
+        (subtreeFlags |= child$103.subtreeFlags & 31457280),
+        (subtreeFlags |= child$103.flags & 31457280),
+        (child$103.return = completedWork),
+        (child$103 = child$103.sibling);
   else
-    for (child$102 = completedWork.child; null !== child$102; )
-      (newChildLanes |= child$102.lanes | child$102.childLanes),
-        (subtreeFlags |= child$102.subtreeFlags),
-        (subtreeFlags |= child$102.flags),
-        (child$102.return = completedWork),
-        (child$102 = child$102.sibling);
+    for (child$103 = completedWork.child; null !== child$103; )
+      (newChildLanes |= child$103.lanes | child$103.childLanes),
+        (subtreeFlags |= child$103.subtreeFlags),
+        (subtreeFlags |= child$103.flags),
+        (child$103.return = completedWork),
+        (child$103 = child$103.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -7385,8 +7390,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$133) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$133);
+      } catch (error$134) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$134);
       }
     else ref.current = null;
 }
@@ -7423,7 +7428,7 @@ function commitBeforeMutationEffects(root, firstChild) {
           selection = selection.focusOffset;
           try {
             JSCompiler_temp.nodeType, focusNode.nodeType;
-          } catch (e$186) {
+          } catch (e$187) {
             JSCompiler_temp = null;
             break a;
           }
@@ -7689,11 +7694,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$135) {
+          } catch (error$136) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$135
+              error$136
             );
           }
         }
@@ -8373,8 +8378,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$148) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$148);
+        } catch (error$149) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$149);
         }
       }
       break;
@@ -8556,11 +8561,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                   newProps
                 );
             domElement[internalPropsKey] = newProps;
-          } catch (error$149) {
+          } catch (error$150) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$149
+              error$150
             );
           }
       break;
@@ -8597,8 +8602,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$150) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$150);
+        } catch (error$151) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$151);
         }
       }
       if (
@@ -8623,8 +8628,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 root
               ),
             (flags[internalPropsKey] = root);
-        } catch (error$153) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$153);
+        } catch (error$154) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$154);
         }
       break;
     case 6:
@@ -8637,8 +8642,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$154) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$154);
+        } catch (error$155) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$155);
         }
       }
       break;
@@ -8652,8 +8657,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$155) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$155);
+        } catch (error$156) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$156);
         }
       break;
     case 4:
@@ -8683,8 +8688,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$157) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$157);
+        } catch (error$158) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$158);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -8762,11 +8767,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$138) {
+              } catch (error$139) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$138
+                  error$139
                 );
               }
           } else if (
@@ -8841,21 +8846,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$139 = JSCompiler_inline_result.stateNode;
+            var parent$140 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$139, ""),
+              (setTextContent(parent$140, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$140 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$140, parent$139);
+            var before$141 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$141, parent$140);
             break;
           case 3:
           case 4:
-            var parent$141 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$142 = getHostSibling(finishedWork);
+            var parent$142 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$143 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$142,
-              parent$141
+              before$143,
+              parent$142
             );
             break;
           default:
@@ -9325,9 +9330,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$164 = finishedWork.stateNode;
+        var instance$165 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$164._visibility & 4
+          ? instance$165._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9340,7 +9345,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$164._visibility |= 4),
+            : ((instance$165._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9348,7 +9353,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$164._visibility |= 4),
+          : ((instance$165._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -9361,7 +9366,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$164
+            instance$165
           );
         break;
       case 24:
@@ -9891,16 +9896,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$173 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$174 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$173 &&
-            ((lanes = errorRetryLanes$173),
+          0 !== errorRetryLanes$174 &&
+            ((lanes = errorRetryLanes$174),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$173
+              errorRetryLanes$174
             )));
         }
         if (1 === exitStatus)
@@ -10234,28 +10239,35 @@ function renderRootSync(root, lanes) {
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
     (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
       prepareFreshStack(root, lanes);
+  lanes = !1;
   a: do
     try {
       if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
-        lanes = workInProgress;
-        var thrownValue = workInProgressThrownValue;
+        var unitOfWork = workInProgress,
+          thrownValue = workInProgressThrownValue;
         switch (workInProgressSuspendedReason) {
           case 8:
             resetWorkInProgressStack();
             workInProgressRootExitStatus = 6;
             break a;
+          case 3:
+          case 2:
+            lanes ||
+              null !== suspenseHandlerStackCursor.current ||
+              (lanes = !0);
           default:
             (workInProgressSuspendedReason = 0),
               (workInProgressThrownValue = null),
-              throwAndUnwindWorkLoop(lanes, thrownValue);
+              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
         }
       }
       workLoopSync();
       break;
-    } catch (thrownValue$175) {
-      handleThrow(root, thrownValue$175);
+    } catch (thrownValue$176) {
+      handleThrow(root, thrownValue$176);
     }
   while (1);
+  lanes && root.shellSuspendCounter++;
   resetContextDependencies();
   executionContext = prevExecutionContext;
   ReactCurrentDispatcher.current = prevDispatcher;
@@ -10357,8 +10369,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$177) {
-      handleThrow(root, thrownValue$177);
+    } catch (thrownValue$178) {
+      handleThrow(root, thrownValue$178);
     }
   while (1);
   resetContextDependencies();
@@ -10525,10 +10537,10 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$58 = offscreenQueue.retryQueue;
-                      null === retryQueue$58
+                      var retryQueue$59 = offscreenQueue.retryQueue;
+                      null === retryQueue$59
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$58.add(wakeable);
+                        : retryQueue$59.add(wakeable);
                     }
                   }
                   break;
@@ -10720,12 +10732,12 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner.current = null;
-    var shouldFireAfterActiveInstanceBlur$181 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$182 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
     commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$181 &&
+    shouldFireAfterActiveInstanceBlur$182 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -10806,7 +10818,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$182 = rootWithPendingPassiveEffects,
+    var root$183 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -10822,7 +10834,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$1.transition = prevTransition),
-        releaseRootPooledCache(root$182, remainingLanes);
+        releaseRootPooledCache(root$183, remainingLanes);
     }
   }
   return !1;
@@ -11919,6 +11931,7 @@ function FiberRootNode(
   this.callbackPriority = 0;
   this.expirationTimes = createLaneMap(-1);
   this.entangledLanes =
+    this.shellSuspendCounter =
     this.errorRecoveryDisabledLanes =
     this.finishedLanes =
     this.expiredLanes =
@@ -12102,12 +12115,12 @@ function getPublicRootInstance(container) {
 function attemptSynchronousHydration(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$184 = fiber.stateNode;
-      if (root$184.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$184.pendingLanes);
+      var root$185 = fiber.stateNode;
+      if (root$185.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$185.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$184, lanes | 2),
-          ensureRootIsScheduled(root$184),
+          (markRootEntangled(root$185, lanes | 2),
+          ensureRootIsScheduled(root$185),
           0 === (executionContext & 6) &&
             ((workInProgressRootRenderTargetTime = now() + 500),
             flushSyncWorkAcrossRoots_impl(!1)));
@@ -12673,19 +12686,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$369;
+  var JSCompiler_inline_result$jscomp$370;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1554 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1554) {
-      var element$jscomp$inline_1555 = document.createElement("div");
-      element$jscomp$inline_1555.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1554 =
-        "function" === typeof element$jscomp$inline_1555.oninput;
+    var isSupported$jscomp$inline_1555 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1555) {
+      var element$jscomp$inline_1556 = document.createElement("div");
+      element$jscomp$inline_1556.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1555 =
+        "function" === typeof element$jscomp$inline_1556.oninput;
     }
-    JSCompiler_inline_result$jscomp$369 = isSupported$jscomp$inline_1554;
-  } else JSCompiler_inline_result$jscomp$369 = !1;
+    JSCompiler_inline_result$jscomp$370 = isSupported$jscomp$inline_1555;
+  } else JSCompiler_inline_result$jscomp$370 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$369 &&
+    JSCompiler_inline_result$jscomp$370 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -12994,20 +13007,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1595 = 0;
-  i$jscomp$inline_1595 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1595++
+  var i$jscomp$inline_1596 = 0;
+  i$jscomp$inline_1596 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1596++
 ) {
-  var eventName$jscomp$inline_1596 =
-      simpleEventPluginEvents[i$jscomp$inline_1595],
-    domEventName$jscomp$inline_1597 =
-      eventName$jscomp$inline_1596.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1598 =
-      eventName$jscomp$inline_1596[0].toUpperCase() +
-      eventName$jscomp$inline_1596.slice(1);
+  var eventName$jscomp$inline_1597 =
+      simpleEventPluginEvents[i$jscomp$inline_1596],
+    domEventName$jscomp$inline_1598 =
+      eventName$jscomp$inline_1597.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1599 =
+      eventName$jscomp$inline_1597[0].toUpperCase() +
+      eventName$jscomp$inline_1597.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1597,
-    "on" + capitalizedEvent$jscomp$inline_1598
+    domEventName$jscomp$inline_1598,
+    "on" + capitalizedEvent$jscomp$inline_1599
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -14423,14 +14436,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$213 in nextProps) {
-        var propKey = nextProps[propKey$213];
-        lastProp = lastProps[propKey$213];
+      for (var propKey$214 in nextProps) {
+        var propKey = nextProps[propKey$214];
+        lastProp = lastProps[propKey$214];
         if (
-          nextProps.hasOwnProperty(propKey$213) &&
+          nextProps.hasOwnProperty(propKey$214) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$213) {
+          switch (propKey$214) {
             case "type":
               type = propKey;
               break;
@@ -14459,7 +14472,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$213,
+                  propKey$214,
                   propKey,
                   nextProps,
                   lastProp
@@ -14478,7 +14491,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       );
       return;
     case "select":
-      defaultValue = value = propKey = propKey$213 = null;
+      defaultValue = value = propKey = propKey$214 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -14509,7 +14522,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$213 = type;
+              propKey$214 = type;
               break;
             case "defaultValue":
               propKey = type;
@@ -14527,10 +14540,10 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                   lastDefaultValue
                 );
           }
-      updateSelect(domElement, propKey$213, propKey, value, defaultValue);
+      updateSelect(domElement, propKey$214, propKey, value, defaultValue);
       return;
     case "textarea":
-      propKey = propKey$213 = null;
+      propKey = propKey$214 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -14554,7 +14567,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$213 = name;
+              propKey$214 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -14568,17 +14581,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$213, propKey);
+      updateTextarea(domElement, propKey$214, propKey);
       return;
     case "option":
-      for (var propKey$229 in lastProps)
+      for (var propKey$230 in lastProps)
         if (
-          ((propKey$213 = lastProps[propKey$229]),
-          lastProps.hasOwnProperty(propKey$229) &&
-            null != propKey$213 &&
-            !nextProps.hasOwnProperty(propKey$229))
+          ((propKey$214 = lastProps[propKey$230]),
+          lastProps.hasOwnProperty(propKey$230) &&
+            null != propKey$214 &&
+            !nextProps.hasOwnProperty(propKey$230))
         )
-          switch (propKey$229) {
+          switch (propKey$230) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -14586,33 +14599,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$229,
+                propKey$230,
                 null,
                 nextProps,
-                propKey$213
+                propKey$214
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$213 = nextProps[lastDefaultValue]),
+          ((propKey$214 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$213 !== propKey &&
-            (null != propKey$213 || null != propKey))
+            propKey$214 !== propKey &&
+            (null != propKey$214 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$213 &&
-                "function" !== typeof propKey$213 &&
-                "symbol" !== typeof propKey$213;
+                propKey$214 &&
+                "function" !== typeof propKey$214 &&
+                "symbol" !== typeof propKey$214;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$213,
+                propKey$214,
                 nextProps,
                 propKey
               );
@@ -14633,24 +14646,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$234 in lastProps)
-        (propKey$213 = lastProps[propKey$234]),
-          lastProps.hasOwnProperty(propKey$234) &&
-            null != propKey$213 &&
-            !nextProps.hasOwnProperty(propKey$234) &&
-            setProp(domElement, tag, propKey$234, null, nextProps, propKey$213);
+      for (var propKey$235 in lastProps)
+        (propKey$214 = lastProps[propKey$235]),
+          lastProps.hasOwnProperty(propKey$235) &&
+            null != propKey$214 &&
+            !nextProps.hasOwnProperty(propKey$235) &&
+            setProp(domElement, tag, propKey$235, null, nextProps, propKey$214);
       for (checked in nextProps)
         if (
-          ((propKey$213 = nextProps[checked]),
+          ((propKey$214 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$213 !== propKey &&
-            (null != propKey$213 || null != propKey))
+            propKey$214 !== propKey &&
+            (null != propKey$214 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$213)
+              if (null != propKey$214)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -14658,7 +14671,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$213,
+                propKey$214,
                 nextProps,
                 propKey
               );
@@ -14666,49 +14679,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$239 in lastProps)
-          (propKey$213 = lastProps[propKey$239]),
-            lastProps.hasOwnProperty(propKey$239) &&
-              null != propKey$213 &&
-              !nextProps.hasOwnProperty(propKey$239) &&
+        for (var propKey$240 in lastProps)
+          (propKey$214 = lastProps[propKey$240]),
+            lastProps.hasOwnProperty(propKey$240) &&
+              null != propKey$214 &&
+              !nextProps.hasOwnProperty(propKey$240) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$239,
+                propKey$240,
                 null,
                 nextProps,
-                propKey$213
+                propKey$214
               );
         for (defaultChecked in nextProps)
-          (propKey$213 = nextProps[defaultChecked]),
+          (propKey$214 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$213 === propKey ||
-              (null == propKey$213 && null == propKey) ||
+              propKey$214 === propKey ||
+              (null == propKey$214 && null == propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$213,
+                propKey$214,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$244 in lastProps)
-    (propKey$213 = lastProps[propKey$244]),
-      lastProps.hasOwnProperty(propKey$244) &&
-        null != propKey$213 &&
-        !nextProps.hasOwnProperty(propKey$244) &&
-        setProp(domElement, tag, propKey$244, null, nextProps, propKey$213);
+  for (var propKey$245 in lastProps)
+    (propKey$214 = lastProps[propKey$245]),
+      lastProps.hasOwnProperty(propKey$245) &&
+        null != propKey$214 &&
+        !nextProps.hasOwnProperty(propKey$245) &&
+        setProp(domElement, tag, propKey$245, null, nextProps, propKey$214);
   for (lastProp in nextProps)
-    (propKey$213 = nextProps[lastProp]),
+    (propKey$214 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$213 === propKey ||
-        (null == propKey$213 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$213, nextProps, propKey);
+        propKey$214 === propKey ||
+        (null == propKey$214 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$214, nextProps, propKey);
 }
 function updatePropertiesWithDiff(
   domElement,
@@ -15402,17 +15415,17 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$278 = getResourcesFromRoot(currentProps).hoistableStyles,
-          resource$279 = styles$278.get(type);
-        resource$279 ||
+        var styles$279 = getResourcesFromRoot(currentProps).hoistableStyles,
+          resource$280 = styles$279.get(type);
+        resource$280 ||
           ((currentProps = currentProps.ownerDocument || currentProps),
-          (resource$279 = {
+          (resource$280 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$278.set(type, resource$279),
+          styles$279.set(type, resource$280),
           preloadPropsMap.has(type) ||
             preloadStylesheet(
               currentProps,
@@ -15427,9 +15440,9 @@ function getResource(type, currentProps, pendingProps) {
                 hrefLang: pendingProps.hrefLang,
                 referrerPolicy: pendingProps.referrerPolicy
               },
-              resource$279.state
+              resource$280.state
             ));
-        return resource$279;
+        return resource$280;
       }
       return null;
     case "script":
@@ -15509,36 +15522,36 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$283 = hoistableRoot.querySelector(
+        var instance$284 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$283)
+        if (instance$284)
           return (
-            (resource.instance = instance$283),
-            markNodeAsHoistable(instance$283),
-            instance$283
+            (resource.instance = instance$284),
+            markNodeAsHoistable(instance$284),
+            instance$284
           );
         instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(instance, styleProps);
-        instance$283 = (
+        instance$284 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$283);
-        var linkInstance = instance$283;
+        markNodeAsHoistable(instance$284);
+        var linkInstance = instance$284;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$283, "link", instance);
+        setInitialProperties(instance$284, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$283, props.precedence, hoistableRoot);
-        return (resource.instance = instance$283);
+        insertStylesheet(instance$284, props.precedence, hoistableRoot);
+        return (resource.instance = instance$284);
       case "script":
-        instance$283 = getScriptKey(props.src);
+        instance$284 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            "script[async]" + instance$283
+            "script[async]" + instance$284
           ))
         )
           return (
@@ -15547,7 +15560,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         instance = props;
-        if ((styleProps = preloadPropsMap.get(instance$283)))
+        if ((styleProps = preloadPropsMap.get(instance$284)))
           (instance = assign({}, props)),
             adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -16499,11 +16512,11 @@ function legacyCreateRootFromDOMContainer(
     if ("function" === typeof callback) {
       var originalCallback = callback;
       callback = function () {
-        var instance = getPublicRootInstance(root$303);
+        var instance = getPublicRootInstance(root$304);
         originalCallback.call(instance);
       };
     }
-    var root$303 = createHydrationContainer(
+    var root$304 = createHydrationContainer(
       initialChildren,
       callback,
       container,
@@ -16515,23 +16528,23 @@ function legacyCreateRootFromDOMContainer(
       noopOnRecoverableError,
       null
     );
-    container._reactRootContainer = root$303;
-    container[internalContainerInstanceKey] = root$303.current;
+    container._reactRootContainer = root$304;
+    container[internalContainerInstanceKey] = root$304.current;
     listenToAllSupportedEvents(
       8 === container.nodeType ? container.parentNode : container
     );
     flushSync$1();
-    return root$303;
+    return root$304;
   }
   clearContainer(container);
   if ("function" === typeof callback) {
-    var originalCallback$304 = callback;
+    var originalCallback$305 = callback;
     callback = function () {
-      var instance = getPublicRootInstance(root$305);
-      originalCallback$304.call(instance);
+      var instance = getPublicRootInstance(root$306);
+      originalCallback$305.call(instance);
     };
   }
-  var root$305 = createFiberRoot(
+  var root$306 = createFiberRoot(
     container,
     0,
     !1,
@@ -16543,15 +16556,15 @@ function legacyCreateRootFromDOMContainer(
     noopOnRecoverableError,
     null
   );
-  container._reactRootContainer = root$305;
-  container[internalContainerInstanceKey] = root$305.current;
+  container._reactRootContainer = root$306;
+  container[internalContainerInstanceKey] = root$306.current;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
   flushSync$1(function () {
-    updateContainer(initialChildren, root$305, parentComponent, callback);
+    updateContainer(initialChildren, root$306, parentComponent, callback);
   });
-  return root$305;
+  return root$306;
 }
 function legacyRenderSubtreeIntoContainer(
   parentComponent,
@@ -16611,17 +16624,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1802 = {
+var devToolsConfig$jscomp$inline_1803 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-classic-188ae9bc",
+  version: "18.3.0-www-classic-7412763a",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2164 = {
-  bundleType: devToolsConfig$jscomp$inline_1802.bundleType,
-  version: devToolsConfig$jscomp$inline_1802.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1802.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1802.rendererConfig,
+var internals$jscomp$inline_2165 = {
+  bundleType: devToolsConfig$jscomp$inline_1803.bundleType,
+  version: devToolsConfig$jscomp$inline_1803.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1803.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1803.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -16637,26 +16650,26 @@ var internals$jscomp$inline_2164 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1802.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1803.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-classic-188ae9bc"
+  reconcilerVersion: "18.3.0-www-classic-7412763a"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2165 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2166 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2165.isDisabled &&
-    hook$jscomp$inline_2165.supportsFiber
+    !hook$jscomp$inline_2166.isDisabled &&
+    hook$jscomp$inline_2166.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2165.inject(
-        internals$jscomp$inline_2164
+      (rendererID = hook$jscomp$inline_2166.inject(
+        internals$jscomp$inline_2165
       )),
-        (injectedHook = hook$jscomp$inline_2165);
+        (injectedHook = hook$jscomp$inline_2166);
     } catch (err) {}
 }
 assign(Internals, {
@@ -16872,4 +16885,4 @@ exports.unstable_renderSubtreeIntoContainer = function (
   );
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-classic-188ae9bc";
+exports.version = "18.3.0-www-classic-7412763a";
diff --git a/compiled/facebook-www/ReactDOM-prod.modern.js b/compiled/facebook-www/ReactDOM-prod.modern.js
index 2eef24bb52ffd..5236e914d253d 100644
--- a/compiled/facebook-www/ReactDOM-prod.modern.js
+++ b/compiled/facebook-www/ReactDOM-prod.modern.js
@@ -366,6 +366,7 @@ function markRootFinished(root, remainingLanes) {
   root.expiredLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   remainingLanes = root.entanglements;
   var expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
@@ -2052,26 +2053,30 @@ function trackUsedThenable(thenableState, thenable, index) {
     case "rejected":
       throw thenable.reason;
     default:
-      "string" === typeof thenable.status
-        ? thenable.then(noop$2, noop$2)
-        : ((thenableState = thenable),
-          (thenableState.status = "pending"),
-          thenableState.then(
-            function (fulfilledValue) {
-              if ("pending" === thenable.status) {
-                var fulfilledThenable = thenable;
-                fulfilledThenable.status = "fulfilled";
-                fulfilledThenable.value = fulfilledValue;
-              }
-            },
-            function (error) {
-              if ("pending" === thenable.status) {
-                var rejectedThenable = thenable;
-                rejectedThenable.status = "rejected";
-                rejectedThenable.reason = error;
-              }
+      if ("string" === typeof thenable.status) thenable.then(noop$2, noop$2);
+      else {
+        thenableState = workInProgressRoot;
+        if (null !== thenableState && 100 < thenableState.shellSuspendCounter)
+          throw Error(formatProdErrorMessage(482));
+        thenableState = thenable;
+        thenableState.status = "pending";
+        thenableState.then(
+          function (fulfilledValue) {
+            if ("pending" === thenable.status) {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = "fulfilled";
+              fulfilledThenable.value = fulfilledValue;
             }
-          ));
+          },
+          function (error) {
+            if ("pending" === thenable.status) {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = "rejected";
+              rejectedThenable.reason = error;
+            }
+          }
+        );
+      }
       switch (thenable.status) {
         case "fulfilled":
           return thenable.value;
@@ -2969,13 +2974,13 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
         null === errors ? (errors = [onlyLegacy]) : errors.push(onlyLegacy);
         break;
       }
-      for (var root$43 = firstScheduledRoot; null !== root$43; ) {
+      for (var root$44 = firstScheduledRoot; null !== root$44; ) {
         if (
-          (!onlyLegacy || 0 === root$43.tag) &&
+          (!onlyLegacy || 0 === root$44.tag) &&
           0 !==
             (getNextLanes(
-              root$43,
-              root$43 === workInProgressRoot$jscomp$0
+              root$44,
+              root$44 === workInProgressRoot$jscomp$0
                 ? workInProgressRootRenderLanes$jscomp$0
                 : 0
             ) &
@@ -2983,7 +2988,7 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
         )
           try {
             didPerformSomeWork = !0;
-            var root = root$43;
+            var root = root$44;
             if (0 !== (executionContext & 6))
               throw Error(formatProdErrorMessage(327));
             flushPassiveEffects();
@@ -3027,7 +3032,7 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
           } catch (error) {
             null === errors ? (errors = [error]) : errors.push(error);
           }
-        root$43 = root$43.next;
+        root$44 = root$44.next;
       }
     } while (didPerformSomeWork);
     isFlushingWork = !1;
@@ -3199,12 +3204,12 @@ function requestAsyncActionContext(actionReturnValue, finishedState) {
   }
   if (null === currentEntangledListeners) return finishedState;
   actionReturnValue = currentEntangledListeners;
-  var resultThenable$46 = createResultThenable(actionReturnValue);
+  var resultThenable$47 = createResultThenable(actionReturnValue);
   actionReturnValue.push(function () {
-    resultThenable$46.status = "fulfilled";
-    resultThenable$46.value = finishedState;
+    resultThenable$47.status = "fulfilled";
+    resultThenable$47.value = finishedState;
   });
-  return resultThenable$46;
+  return resultThenable$47;
 }
 function pingEngtangledActionScope() {
   if (
@@ -3490,7 +3495,7 @@ function updateReducerImpl(hook, current, reducer) {
             update = update.next;
             continue;
           } else {
-            var clone$48 = {
+            var clone$49 = {
               lane: 0,
               revertLane: update.revertLane,
               action: update.action,
@@ -3499,9 +3504,9 @@ function updateReducerImpl(hook, current, reducer) {
               next: null
             };
             null === newBaseQueueLast
-              ? ((newBaseQueueFirst = newBaseQueueLast = clone$48),
+              ? ((newBaseQueueFirst = newBaseQueueLast = clone$49),
                 (baseFirst = pendingQueue))
-              : (newBaseQueueLast = newBaseQueueLast.next = clone$48);
+              : (newBaseQueueLast = newBaseQueueLast.next = clone$49);
             currentlyRenderingFiber$1.lanes |= updateLane;
             workInProgressRootSkippedLanes |= updateLane;
           }
@@ -3523,7 +3528,7 @@ function updateReducerImpl(hook, current, reducer) {
           ? update.eagerState
           : reducer(pendingQueue, updateLane);
       } else
-        (clone$48 = {
+        (clone$49 = {
           lane: updateLane,
           revertLane: update.revertLane,
           action: update.action,
@@ -3532,9 +3537,9 @@ function updateReducerImpl(hook, current, reducer) {
           next: null
         }),
           null === newBaseQueueLast
-            ? ((newBaseQueueFirst = newBaseQueueLast = clone$48),
+            ? ((newBaseQueueFirst = newBaseQueueLast = clone$49),
               (baseFirst = pendingQueue))
-            : (newBaseQueueLast = newBaseQueueLast.next = clone$48),
+            : (newBaseQueueLast = newBaseQueueLast.next = clone$49),
           (currentlyRenderingFiber$1.lanes |= updateLane),
           (workInProgressRootSkippedLanes |= updateLane);
       update = update.next;
@@ -3884,14 +3889,14 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$53 = enqueueUpdate(provider, fiber, lane);
-        null !== root$53 &&
-          (scheduleUpdateOnFiber(root$53, provider, lane),
-          entangleTransitions(root$53, provider, lane));
+        var root$54 = enqueueUpdate(provider, fiber, lane);
+        null !== root$54 &&
+          (scheduleUpdateOnFiber(root$54, provider, lane),
+          entangleTransitions(root$54, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$53 &&
+          null !== root$54 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -4119,15 +4124,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$49 = workInProgressRoot;
-      if (null === root$49) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$49, renderLanes$1) ||
+      var root$50 = workInProgressRoot;
+      if (null === root$50) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$50, renderLanes$1) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$49 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$49;
-    mountEffect(subscribeToStore.bind(null, fiber, root$49, subscribe), [
+    root$50 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$50;
+    mountEffect(subscribeToStore.bind(null, fiber, root$50, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -4136,7 +4141,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$49,
+        root$50,
         getServerSnapshot,
         getSnapshot
       ),
@@ -4629,10 +4634,10 @@ var markerInstanceStack = createCursor(null);
 function pushRootMarkerInstance(workInProgress) {
   if (enableTransitionTracing) {
     var transitions = workInProgressTransitions,
-      root$63 = workInProgress.stateNode;
+      root$64 = workInProgress.stateNode;
     null !== transitions &&
       transitions.forEach(function (transition) {
-        if (!root$63.incompleteTransitions.has(transition)) {
+        if (!root$64.incompleteTransitions.has(transition)) {
           var markerInstance = {
             tag: 0,
             transitions: new Set([transition]),
@@ -4640,11 +4645,11 @@ function pushRootMarkerInstance(workInProgress) {
             aborts: null,
             name: null
           };
-          root$63.incompleteTransitions.set(transition, markerInstance);
+          root$64.incompleteTransitions.set(transition, markerInstance);
         }
       });
     var markerInstances = [];
-    root$63.incompleteTransitions.forEach(function (markerInstance) {
+    root$64.incompleteTransitions.forEach(function (markerInstance) {
       markerInstances.push(markerInstance);
     });
     push(markerInstanceStack, markerInstances);
@@ -5304,14 +5309,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
   }
   JSCompiler_temp = current.memoizedState;
   if (null !== JSCompiler_temp) {
-    var dehydrated$70 = JSCompiler_temp.dehydrated;
-    if (null !== dehydrated$70)
+    var dehydrated$71 = JSCompiler_temp.dehydrated;
+    if (null !== dehydrated$71)
       return updateDehydratedSuspenseComponent(
         current,
         workInProgress,
         didSuspend,
         nextProps,
-        dehydrated$70,
+        dehydrated$71,
         JSCompiler_temp,
         renderLanes
       );
@@ -5321,7 +5326,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
     JSCompiler_temp = current.child;
-    dehydrated$70 = JSCompiler_temp.sibling;
+    dehydrated$71 = JSCompiler_temp.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
     0 === (didSuspend & 1) && workInProgress.child !== JSCompiler_temp
       ? ((nextProps = workInProgress.child),
@@ -5330,8 +5335,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         (workInProgress.deletions = null))
       : ((nextProps = createWorkInProgress(JSCompiler_temp, primaryChildProps)),
         (nextProps.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280));
-    null !== dehydrated$70
-      ? (showFallback = createWorkInProgress(dehydrated$70, showFallback))
+    null !== dehydrated$71
+      ? (showFallback = createWorkInProgress(dehydrated$71, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -5350,10 +5355,10 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       ? (didSuspend = mountSuspenseOffscreenState(renderLanes))
       : ((JSCompiler_temp = didSuspend.cachePool),
         null !== JSCompiler_temp
-          ? ((dehydrated$70 = CacheContext._currentValue),
+          ? ((dehydrated$71 = CacheContext._currentValue),
             (JSCompiler_temp =
-              JSCompiler_temp.parent !== dehydrated$70
-                ? { parent: dehydrated$70, pool: dehydrated$70 }
+              JSCompiler_temp.parent !== dehydrated$71
+                ? { parent: dehydrated$71, pool: dehydrated$71 }
                 : JSCompiler_temp))
           : (JSCompiler_temp = getSuspendedCache()),
         (didSuspend = {
@@ -5367,23 +5372,23 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         ((JSCompiler_temp = enableTransitionTracing
           ? markerInstanceStack.current
           : null),
-        (dehydrated$70 = showFallback.updateQueue),
+        (dehydrated$71 = showFallback.updateQueue),
         (primaryChildProps = current.updateQueue),
-        null === dehydrated$70
+        null === dehydrated$71
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue: null
             })
-          : dehydrated$70 === primaryChildProps
+          : dehydrated$71 === primaryChildProps
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue:
                 null !== primaryChildProps ? primaryChildProps.retryQueue : null
             })
-          : ((dehydrated$70.transitions = didSuspend),
-            (dehydrated$70.markerInstances = JSCompiler_temp))));
+          : ((dehydrated$71.transitions = didSuspend),
+            (dehydrated$71.markerInstances = JSCompiler_temp))));
     showFallback.childLanes = current.childLanes & ~renderLanes;
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
@@ -6446,14 +6451,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         break;
       case "collapsed":
         lastTailNode = renderState.tail;
-        for (var lastTailNode$101 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$101 = lastTailNode),
+        for (var lastTailNode$102 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$102 = lastTailNode),
             (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$101
+        null === lastTailNode$102
           ? hasRenderedATailFallback || null === renderState.tail
             ? (renderState.tail = null)
             : (renderState.tail.sibling = null)
-          : (lastTailNode$101.sibling = null);
+          : (lastTailNode$102.sibling = null);
     }
 }
 function bubbleProperties(completedWork) {
@@ -6463,19 +6468,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$102 = completedWork.child; null !== child$102; )
-      (newChildLanes |= child$102.lanes | child$102.childLanes),
-        (subtreeFlags |= child$102.subtreeFlags & 31457280),
-        (subtreeFlags |= child$102.flags & 31457280),
-        (child$102.return = completedWork),
-        (child$102 = child$102.sibling);
+    for (var child$103 = completedWork.child; null !== child$103; )
+      (newChildLanes |= child$103.lanes | child$103.childLanes),
+        (subtreeFlags |= child$103.subtreeFlags & 31457280),
+        (subtreeFlags |= child$103.flags & 31457280),
+        (child$103.return = completedWork),
+        (child$103 = child$103.sibling);
   else
-    for (child$102 = completedWork.child; null !== child$102; )
-      (newChildLanes |= child$102.lanes | child$102.childLanes),
-        (subtreeFlags |= child$102.subtreeFlags),
-        (subtreeFlags |= child$102.flags),
-        (child$102.return = completedWork),
-        (child$102 = child$102.sibling);
+    for (child$103 = completedWork.child; null !== child$103; )
+      (newChildLanes |= child$103.lanes | child$103.childLanes),
+        (subtreeFlags |= child$103.subtreeFlags),
+        (subtreeFlags |= child$103.flags),
+        (child$103.return = completedWork),
+        (child$103 = child$103.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -7208,8 +7213,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$132) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$132);
+      } catch (error$133) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$133);
       }
     else ref.current = null;
 }
@@ -7246,7 +7251,7 @@ function commitBeforeMutationEffects(root, firstChild) {
           selection = selection.focusOffset;
           try {
             JSCompiler_temp.nodeType, focusNode.nodeType;
-          } catch (e$190) {
+          } catch (e$191) {
             JSCompiler_temp = null;
             break a;
           }
@@ -7525,11 +7530,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$134) {
+          } catch (error$135) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$134
+              error$135
             );
           }
         }
@@ -8209,8 +8214,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$147) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$147);
+        } catch (error$148) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$148);
         }
       }
       break;
@@ -8392,11 +8397,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                   newProps
                 );
             domElement[internalPropsKey] = newProps;
-          } catch (error$148) {
+          } catch (error$149) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$148
+              error$149
             );
           }
       break;
@@ -8433,8 +8438,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$149) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$149);
+        } catch (error$150) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$150);
         }
       }
       if (
@@ -8459,8 +8464,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 root
               ),
             (flags[internalPropsKey] = root);
-        } catch (error$152) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$152);
+        } catch (error$153) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$153);
         }
       break;
     case 6:
@@ -8473,8 +8478,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$153) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$153);
+        } catch (error$154) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$154);
         }
       }
       break;
@@ -8488,8 +8493,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$154) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$154);
+        } catch (error$155) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$155);
         }
       break;
     case 4:
@@ -8519,8 +8524,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$156) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$156);
+        } catch (error$157) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$157);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -8598,11 +8603,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$137) {
+              } catch (error$138) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$137
+                  error$138
                 );
               }
           } else if (
@@ -8677,21 +8682,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$138 = JSCompiler_inline_result.stateNode;
+            var parent$139 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$138, ""),
+              (setTextContent(parent$139, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$139 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$139, parent$138);
+            var before$140 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$140, parent$139);
             break;
           case 3:
           case 4:
-            var parent$140 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$141 = getHostSibling(finishedWork);
+            var parent$141 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$142 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$141,
-              parent$140
+              before$142,
+              parent$141
             );
             break;
           default:
@@ -9161,9 +9166,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$163 = finishedWork.stateNode;
+        var instance$164 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$163._visibility & 4
+          ? instance$164._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9176,7 +9181,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$163._visibility |= 4),
+            : ((instance$164._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9184,7 +9189,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$163._visibility |= 4),
+          : ((instance$164._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -9197,7 +9202,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$163
+            instance$164
           );
         break;
       case 24:
@@ -9727,16 +9732,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$172 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$173 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$172 &&
-            ((lanes = errorRetryLanes$172),
+          0 !== errorRetryLanes$173 &&
+            ((lanes = errorRetryLanes$173),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$172
+              errorRetryLanes$173
             )));
         }
         if (1 === exitStatus)
@@ -10070,28 +10075,35 @@ function renderRootSync(root, lanes) {
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
     (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
       prepareFreshStack(root, lanes);
+  lanes = !1;
   a: do
     try {
       if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
-        lanes = workInProgress;
-        var thrownValue = workInProgressThrownValue;
+        var unitOfWork = workInProgress,
+          thrownValue = workInProgressThrownValue;
         switch (workInProgressSuspendedReason) {
           case 8:
             resetWorkInProgressStack();
             workInProgressRootExitStatus = 6;
             break a;
+          case 3:
+          case 2:
+            lanes ||
+              null !== suspenseHandlerStackCursor.current ||
+              (lanes = !0);
           default:
             (workInProgressSuspendedReason = 0),
               (workInProgressThrownValue = null),
-              throwAndUnwindWorkLoop(lanes, thrownValue);
+              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
         }
       }
       workLoopSync();
       break;
-    } catch (thrownValue$174) {
-      handleThrow(root, thrownValue$174);
+    } catch (thrownValue$175) {
+      handleThrow(root, thrownValue$175);
     }
   while (1);
+  lanes && root.shellSuspendCounter++;
   resetContextDependencies();
   executionContext = prevExecutionContext;
   ReactCurrentDispatcher.current = prevDispatcher;
@@ -10193,8 +10205,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$176) {
-      handleThrow(root, thrownValue$176);
+    } catch (thrownValue$177) {
+      handleThrow(root, thrownValue$177);
     }
   while (1);
   resetContextDependencies();
@@ -10357,10 +10369,10 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$58 = offscreenQueue.retryQueue;
-                      null === retryQueue$58
+                      var retryQueue$59 = offscreenQueue.retryQueue;
+                      null === retryQueue$59
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$58.add(wakeable);
+                        : retryQueue$59.add(wakeable);
                     }
                   }
                   break;
@@ -10552,12 +10564,12 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner.current = null;
-    var shouldFireAfterActiveInstanceBlur$180 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$181 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
     commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$180 &&
+    shouldFireAfterActiveInstanceBlur$181 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -10638,7 +10650,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$181 = rootWithPendingPassiveEffects,
+    var root$182 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -10654,7 +10666,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$1.transition = prevTransition),
-        releaseRootPooledCache(root$181, remainingLanes);
+        releaseRootPooledCache(root$182, remainingLanes);
     }
   }
   return !1;
@@ -11727,6 +11739,7 @@ function FiberRootNode(
   this.callbackPriority = 0;
   this.expirationTimes = createLaneMap(-1);
   this.entangledLanes =
+    this.shellSuspendCounter =
     this.errorRecoveryDisabledLanes =
     this.finishedLanes =
     this.expiredLanes =
@@ -11824,12 +11837,12 @@ function updateContainer(element, container, parentComponent, callback) {
 function attemptSynchronousHydration(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$183 = fiber.stateNode;
-      if (root$183.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$183.pendingLanes);
+      var root$184 = fiber.stateNode;
+      if (root$184.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$184.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$183, lanes | 2),
-          ensureRootIsScheduled(root$183),
+          (markRootEntangled(root$184, lanes | 2),
+          ensureRootIsScheduled(root$184),
           0 === (executionContext & 6) &&
             ((workInProgressRootRenderTargetTime = now() + 500),
             flushSyncWorkAcrossRoots_impl(!1)));
@@ -12919,19 +12932,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$367;
+  var JSCompiler_inline_result$jscomp$368;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1553 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1553) {
-      var element$jscomp$inline_1554 = document.createElement("div");
-      element$jscomp$inline_1554.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1553 =
-        "function" === typeof element$jscomp$inline_1554.oninput;
+    var isSupported$jscomp$inline_1554 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1554) {
+      var element$jscomp$inline_1555 = document.createElement("div");
+      element$jscomp$inline_1555.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1554 =
+        "function" === typeof element$jscomp$inline_1555.oninput;
     }
-    JSCompiler_inline_result$jscomp$367 = isSupported$jscomp$inline_1553;
-  } else JSCompiler_inline_result$jscomp$367 = !1;
+    JSCompiler_inline_result$jscomp$368 = isSupported$jscomp$inline_1554;
+  } else JSCompiler_inline_result$jscomp$368 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$367 &&
+    JSCompiler_inline_result$jscomp$368 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -13240,20 +13253,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1594 = 0;
-  i$jscomp$inline_1594 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1594++
+  var i$jscomp$inline_1595 = 0;
+  i$jscomp$inline_1595 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1595++
 ) {
-  var eventName$jscomp$inline_1595 =
-      simpleEventPluginEvents[i$jscomp$inline_1594],
-    domEventName$jscomp$inline_1596 =
-      eventName$jscomp$inline_1595.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1597 =
-      eventName$jscomp$inline_1595[0].toUpperCase() +
-      eventName$jscomp$inline_1595.slice(1);
+  var eventName$jscomp$inline_1596 =
+      simpleEventPluginEvents[i$jscomp$inline_1595],
+    domEventName$jscomp$inline_1597 =
+      eventName$jscomp$inline_1596.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1598 =
+      eventName$jscomp$inline_1596[0].toUpperCase() +
+      eventName$jscomp$inline_1596.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1596,
-    "on" + capitalizedEvent$jscomp$inline_1597
+    domEventName$jscomp$inline_1597,
+    "on" + capitalizedEvent$jscomp$inline_1598
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -14668,14 +14681,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$217 in nextProps) {
-        var propKey = nextProps[propKey$217];
-        lastProp = lastProps[propKey$217];
+      for (var propKey$218 in nextProps) {
+        var propKey = nextProps[propKey$218];
+        lastProp = lastProps[propKey$218];
         if (
-          nextProps.hasOwnProperty(propKey$217) &&
+          nextProps.hasOwnProperty(propKey$218) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$217) {
+          switch (propKey$218) {
             case "type":
               type = propKey;
               break;
@@ -14704,7 +14717,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$217,
+                  propKey$218,
                   propKey,
                   nextProps,
                   lastProp
@@ -14723,7 +14736,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       );
       return;
     case "select":
-      defaultValue = value = propKey = propKey$217 = null;
+      defaultValue = value = propKey = propKey$218 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -14754,7 +14767,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$217 = type;
+              propKey$218 = type;
               break;
             case "defaultValue":
               propKey = type;
@@ -14772,10 +14785,10 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                   lastDefaultValue
                 );
           }
-      updateSelect(domElement, propKey$217, propKey, value, defaultValue);
+      updateSelect(domElement, propKey$218, propKey, value, defaultValue);
       return;
     case "textarea":
-      propKey = propKey$217 = null;
+      propKey = propKey$218 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -14799,7 +14812,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$217 = name;
+              propKey$218 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -14813,17 +14826,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$217, propKey);
+      updateTextarea(domElement, propKey$218, propKey);
       return;
     case "option":
-      for (var propKey$233 in lastProps)
+      for (var propKey$234 in lastProps)
         if (
-          ((propKey$217 = lastProps[propKey$233]),
-          lastProps.hasOwnProperty(propKey$233) &&
-            null != propKey$217 &&
-            !nextProps.hasOwnProperty(propKey$233))
+          ((propKey$218 = lastProps[propKey$234]),
+          lastProps.hasOwnProperty(propKey$234) &&
+            null != propKey$218 &&
+            !nextProps.hasOwnProperty(propKey$234))
         )
-          switch (propKey$233) {
+          switch (propKey$234) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -14831,33 +14844,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$233,
+                propKey$234,
                 null,
                 nextProps,
-                propKey$217
+                propKey$218
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$217 = nextProps[lastDefaultValue]),
+          ((propKey$218 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$217 !== propKey &&
-            (null != propKey$217 || null != propKey))
+            propKey$218 !== propKey &&
+            (null != propKey$218 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$217 &&
-                "function" !== typeof propKey$217 &&
-                "symbol" !== typeof propKey$217;
+                propKey$218 &&
+                "function" !== typeof propKey$218 &&
+                "symbol" !== typeof propKey$218;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$217,
+                propKey$218,
                 nextProps,
                 propKey
               );
@@ -14878,24 +14891,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$238 in lastProps)
-        (propKey$217 = lastProps[propKey$238]),
-          lastProps.hasOwnProperty(propKey$238) &&
-            null != propKey$217 &&
-            !nextProps.hasOwnProperty(propKey$238) &&
-            setProp(domElement, tag, propKey$238, null, nextProps, propKey$217);
+      for (var propKey$239 in lastProps)
+        (propKey$218 = lastProps[propKey$239]),
+          lastProps.hasOwnProperty(propKey$239) &&
+            null != propKey$218 &&
+            !nextProps.hasOwnProperty(propKey$239) &&
+            setProp(domElement, tag, propKey$239, null, nextProps, propKey$218);
       for (checked in nextProps)
         if (
-          ((propKey$217 = nextProps[checked]),
+          ((propKey$218 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$217 !== propKey &&
-            (null != propKey$217 || null != propKey))
+            propKey$218 !== propKey &&
+            (null != propKey$218 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$217)
+              if (null != propKey$218)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -14903,7 +14916,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$217,
+                propKey$218,
                 nextProps,
                 propKey
               );
@@ -14911,49 +14924,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$243 in lastProps)
-          (propKey$217 = lastProps[propKey$243]),
-            lastProps.hasOwnProperty(propKey$243) &&
-              null != propKey$217 &&
-              !nextProps.hasOwnProperty(propKey$243) &&
+        for (var propKey$244 in lastProps)
+          (propKey$218 = lastProps[propKey$244]),
+            lastProps.hasOwnProperty(propKey$244) &&
+              null != propKey$218 &&
+              !nextProps.hasOwnProperty(propKey$244) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$243,
+                propKey$244,
                 null,
                 nextProps,
-                propKey$217
+                propKey$218
               );
         for (defaultChecked in nextProps)
-          (propKey$217 = nextProps[defaultChecked]),
+          (propKey$218 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$217 === propKey ||
-              (null == propKey$217 && null == propKey) ||
+              propKey$218 === propKey ||
+              (null == propKey$218 && null == propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$217,
+                propKey$218,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$248 in lastProps)
-    (propKey$217 = lastProps[propKey$248]),
-      lastProps.hasOwnProperty(propKey$248) &&
-        null != propKey$217 &&
-        !nextProps.hasOwnProperty(propKey$248) &&
-        setProp(domElement, tag, propKey$248, null, nextProps, propKey$217);
+  for (var propKey$249 in lastProps)
+    (propKey$218 = lastProps[propKey$249]),
+      lastProps.hasOwnProperty(propKey$249) &&
+        null != propKey$218 &&
+        !nextProps.hasOwnProperty(propKey$249) &&
+        setProp(domElement, tag, propKey$249, null, nextProps, propKey$218);
   for (lastProp in nextProps)
-    (propKey$217 = nextProps[lastProp]),
+    (propKey$218 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$217 === propKey ||
-        (null == propKey$217 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$217, nextProps, propKey);
+        propKey$218 === propKey ||
+        (null == propKey$218 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$218, nextProps, propKey);
 }
 function updatePropertiesWithDiff(
   domElement,
@@ -15633,17 +15646,17 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$282 = getResourcesFromRoot(currentProps).hoistableStyles,
-          resource$283 = styles$282.get(type);
-        resource$283 ||
+        var styles$283 = getResourcesFromRoot(currentProps).hoistableStyles,
+          resource$284 = styles$283.get(type);
+        resource$284 ||
           ((currentProps = currentProps.ownerDocument || currentProps),
-          (resource$283 = {
+          (resource$284 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$282.set(type, resource$283),
+          styles$283.set(type, resource$284),
           preloadPropsMap.has(type) ||
             preloadStylesheet(
               currentProps,
@@ -15658,9 +15671,9 @@ function getResource(type, currentProps, pendingProps) {
                 hrefLang: pendingProps.hrefLang,
                 referrerPolicy: pendingProps.referrerPolicy
               },
-              resource$283.state
+              resource$284.state
             ));
-        return resource$283;
+        return resource$284;
       }
       return null;
     case "script":
@@ -15740,36 +15753,36 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$287 = hoistableRoot.querySelector(
+        var instance$288 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$287)
+        if (instance$288)
           return (
-            (resource.instance = instance$287),
-            markNodeAsHoistable(instance$287),
-            instance$287
+            (resource.instance = instance$288),
+            markNodeAsHoistable(instance$288),
+            instance$288
           );
         instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(instance, styleProps);
-        instance$287 = (
+        instance$288 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$287);
-        var linkInstance = instance$287;
+        markNodeAsHoistable(instance$288);
+        var linkInstance = instance$288;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$287, "link", instance);
+        setInitialProperties(instance$288, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$287, props.precedence, hoistableRoot);
-        return (resource.instance = instance$287);
+        insertStylesheet(instance$288, props.precedence, hoistableRoot);
+        return (resource.instance = instance$288);
       case "script":
-        instance$287 = getScriptKey(props.src);
+        instance$288 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            "script[async]" + instance$287
+            "script[async]" + instance$288
           ))
         )
           return (
@@ -15778,7 +15791,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         instance = props;
-        if ((styleProps = preloadPropsMap.get(instance$287)))
+        if ((styleProps = preloadPropsMap.get(instance$288)))
           (instance = assign({}, props)),
             adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -16141,17 +16154,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1761 = {
+var devToolsConfig$jscomp$inline_1762 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-modern-e5c0626d",
+  version: "18.3.0-www-modern-00f6ca5a",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2128 = {
-  bundleType: devToolsConfig$jscomp$inline_1761.bundleType,
-  version: devToolsConfig$jscomp$inline_1761.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1761.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1761.rendererConfig,
+var internals$jscomp$inline_2129 = {
+  bundleType: devToolsConfig$jscomp$inline_1762.bundleType,
+  version: devToolsConfig$jscomp$inline_1762.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1762.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1762.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -16168,26 +16181,26 @@ var internals$jscomp$inline_2128 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1761.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1762.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-modern-e5c0626d"
+  reconcilerVersion: "18.3.0-www-modern-00f6ca5a"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2129 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2130 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2129.isDisabled &&
-    hook$jscomp$inline_2129.supportsFiber
+    !hook$jscomp$inline_2130.isDisabled &&
+    hook$jscomp$inline_2130.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2129.inject(
-        internals$jscomp$inline_2128
+      (rendererID = hook$jscomp$inline_2130.inject(
+        internals$jscomp$inline_2129
       )),
-        (injectedHook = hook$jscomp$inline_2129);
+        (injectedHook = hook$jscomp$inline_2130);
     } catch (err) {}
 }
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
@@ -16331,4 +16344,4 @@ exports.unstable_createEventHandle = function (type, options) {
   return eventHandle;
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-modern-e5c0626d";
+exports.version = "18.3.0-www-modern-00f6ca5a";
diff --git a/compiled/facebook-www/ReactDOM-profiling.classic.js b/compiled/facebook-www/ReactDOM-profiling.classic.js
index 7ccdc97886a98..dcdcff1e5e0df 100644
--- a/compiled/facebook-www/ReactDOM-profiling.classic.js
+++ b/compiled/facebook-www/ReactDOM-profiling.classic.js
@@ -722,6 +722,7 @@ function markRootFinished(root, remainingLanes) {
   root.expiredLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   remainingLanes = root.entanglements;
   var expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
@@ -2303,26 +2304,30 @@ function trackUsedThenable(thenableState, thenable, index) {
     case "rejected":
       throw thenable.reason;
     default:
-      "string" === typeof thenable.status
-        ? thenable.then(noop$2, noop$2)
-        : ((thenableState = thenable),
-          (thenableState.status = "pending"),
-          thenableState.then(
-            function (fulfilledValue) {
-              if ("pending" === thenable.status) {
-                var fulfilledThenable = thenable;
-                fulfilledThenable.status = "fulfilled";
-                fulfilledThenable.value = fulfilledValue;
-              }
-            },
-            function (error) {
-              if ("pending" === thenable.status) {
-                var rejectedThenable = thenable;
-                rejectedThenable.status = "rejected";
-                rejectedThenable.reason = error;
-              }
+      if ("string" === typeof thenable.status) thenable.then(noop$2, noop$2);
+      else {
+        thenableState = workInProgressRoot;
+        if (null !== thenableState && 100 < thenableState.shellSuspendCounter)
+          throw Error(formatProdErrorMessage(482));
+        thenableState = thenable;
+        thenableState.status = "pending";
+        thenableState.then(
+          function (fulfilledValue) {
+            if ("pending" === thenable.status) {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = "fulfilled";
+              fulfilledThenable.value = fulfilledValue;
             }
-          ));
+          },
+          function (error) {
+            if ("pending" === thenable.status) {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = "rejected";
+              rejectedThenable.reason = error;
+            }
+          }
+        );
+      }
       switch (thenable.status) {
         case "fulfilled":
           return thenable.value;
@@ -3220,13 +3225,13 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
         null === errors ? (errors = [onlyLegacy]) : errors.push(onlyLegacy);
         break;
       }
-      for (var root$46 = firstScheduledRoot; null !== root$46; ) {
+      for (var root$47 = firstScheduledRoot; null !== root$47; ) {
         if (
-          (!onlyLegacy || 0 === root$46.tag) &&
+          (!onlyLegacy || 0 === root$47.tag) &&
           0 !==
             (getNextLanes(
-              root$46,
-              root$46 === workInProgressRoot$jscomp$0
+              root$47,
+              root$47 === workInProgressRoot$jscomp$0
                 ? workInProgressRootRenderLanes$jscomp$0
                 : 0
             ) &
@@ -3234,7 +3239,7 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
         )
           try {
             didPerformSomeWork = !0;
-            var root = root$46;
+            var root = root$47;
             currentUpdateIsNested = nestedUpdateScheduled;
             nestedUpdateScheduled = !1;
             if (0 !== (executionContext & 6))
@@ -3280,7 +3285,7 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
           } catch (error) {
             null === errors ? (errors = [error]) : errors.push(error);
           }
-        root$46 = root$46.next;
+        root$47 = root$47.next;
       }
     } while (didPerformSomeWork);
     isFlushingWork = !1;
@@ -3452,12 +3457,12 @@ function requestAsyncActionContext(actionReturnValue, finishedState) {
   }
   if (null === currentEntangledListeners) return finishedState;
   actionReturnValue = currentEntangledListeners;
-  var resultThenable$49 = createResultThenable(actionReturnValue);
+  var resultThenable$50 = createResultThenable(actionReturnValue);
   actionReturnValue.push(function () {
-    resultThenable$49.status = "fulfilled";
-    resultThenable$49.value = finishedState;
+    resultThenable$50.status = "fulfilled";
+    resultThenable$50.value = finishedState;
   });
-  return resultThenable$49;
+  return resultThenable$50;
 }
 function pingEngtangledActionScope() {
   if (
@@ -3743,7 +3748,7 @@ function updateReducerImpl(hook, current, reducer) {
             update = update.next;
             continue;
           } else {
-            var clone$51 = {
+            var clone$52 = {
               lane: 0,
               revertLane: update.revertLane,
               action: update.action,
@@ -3752,9 +3757,9 @@ function updateReducerImpl(hook, current, reducer) {
               next: null
             };
             null === newBaseQueueLast
-              ? ((newBaseQueueFirst = newBaseQueueLast = clone$51),
+              ? ((newBaseQueueFirst = newBaseQueueLast = clone$52),
                 (baseFirst = pendingQueue))
-              : (newBaseQueueLast = newBaseQueueLast.next = clone$51);
+              : (newBaseQueueLast = newBaseQueueLast.next = clone$52);
             currentlyRenderingFiber$1.lanes |= updateLane;
             workInProgressRootSkippedLanes |= updateLane;
           }
@@ -3776,7 +3781,7 @@ function updateReducerImpl(hook, current, reducer) {
           ? update.eagerState
           : reducer(pendingQueue, updateLane);
       } else
-        (clone$51 = {
+        (clone$52 = {
           lane: updateLane,
           revertLane: update.revertLane,
           action: update.action,
@@ -3785,9 +3790,9 @@ function updateReducerImpl(hook, current, reducer) {
           next: null
         }),
           null === newBaseQueueLast
-            ? ((newBaseQueueFirst = newBaseQueueLast = clone$51),
+            ? ((newBaseQueueFirst = newBaseQueueLast = clone$52),
               (baseFirst = pendingQueue))
-            : (newBaseQueueLast = newBaseQueueLast.next = clone$51),
+            : (newBaseQueueLast = newBaseQueueLast.next = clone$52),
           (currentlyRenderingFiber$1.lanes |= updateLane),
           (workInProgressRootSkippedLanes |= updateLane);
       update = update.next;
@@ -4137,14 +4142,14 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$56 = enqueueUpdate(provider, fiber, lane);
-        null !== root$56 &&
-          (scheduleUpdateOnFiber(root$56, provider, lane),
-          entangleTransitions(root$56, provider, lane));
+        var root$57 = enqueueUpdate(provider, fiber, lane);
+        null !== root$57 &&
+          (scheduleUpdateOnFiber(root$57, provider, lane),
+          entangleTransitions(root$57, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$56 &&
+          null !== root$57 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -4375,15 +4380,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$52 = workInProgressRoot;
-      if (null === root$52) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$52, renderLanes$1) ||
+      var root$53 = workInProgressRoot;
+      if (null === root$53) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$53, renderLanes$1) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$52 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$52;
-    mountEffect(subscribeToStore.bind(null, fiber, root$52, subscribe), [
+    root$53 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$53;
+    mountEffect(subscribeToStore.bind(null, fiber, root$53, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -4392,7 +4397,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$52,
+        root$53,
         getServerSnapshot,
         getSnapshot
       ),
@@ -4969,10 +4974,10 @@ var markerInstanceStack = createCursor(null);
 function pushRootMarkerInstance(workInProgress) {
   if (enableTransitionTracing) {
     var transitions = workInProgressTransitions,
-      root$68 = workInProgress.stateNode;
+      root$69 = workInProgress.stateNode;
     null !== transitions &&
       transitions.forEach(function (transition) {
-        if (!root$68.incompleteTransitions.has(transition)) {
+        if (!root$69.incompleteTransitions.has(transition)) {
           var markerInstance = {
             tag: 0,
             transitions: new Set([transition]),
@@ -4980,11 +4985,11 @@ function pushRootMarkerInstance(workInProgress) {
             aborts: null,
             name: null
           };
-          root$68.incompleteTransitions.set(transition, markerInstance);
+          root$69.incompleteTransitions.set(transition, markerInstance);
         }
       });
     var markerInstances = [];
-    root$68.incompleteTransitions.forEach(function (markerInstance) {
+    root$69.incompleteTransitions.forEach(function (markerInstance) {
       markerInstances.push(markerInstance);
     });
     push(markerInstanceStack, markerInstances);
@@ -5689,14 +5694,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
   }
   JSCompiler_temp = current.memoizedState;
   if (null !== JSCompiler_temp) {
-    var dehydrated$75 = JSCompiler_temp.dehydrated;
-    if (null !== dehydrated$75)
+    var dehydrated$76 = JSCompiler_temp.dehydrated;
+    if (null !== dehydrated$76)
       return updateDehydratedSuspenseComponent(
         current,
         workInProgress,
         didSuspend,
         nextProps,
-        dehydrated$75,
+        dehydrated$76,
         JSCompiler_temp,
         renderLanes
       );
@@ -5706,7 +5711,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
     JSCompiler_temp = current.child;
-    dehydrated$75 = JSCompiler_temp.sibling;
+    dehydrated$76 = JSCompiler_temp.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
     0 === (didSuspend & 1) && workInProgress.child !== JSCompiler_temp
       ? ((nextProps = workInProgress.child),
@@ -5720,8 +5725,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         (workInProgress.deletions = null))
       : ((nextProps = createWorkInProgress(JSCompiler_temp, primaryChildProps)),
         (nextProps.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280));
-    null !== dehydrated$75
-      ? (showFallback = createWorkInProgress(dehydrated$75, showFallback))
+    null !== dehydrated$76
+      ? (showFallback = createWorkInProgress(dehydrated$76, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -5740,10 +5745,10 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       ? (didSuspend = mountSuspenseOffscreenState(renderLanes))
       : ((JSCompiler_temp = didSuspend.cachePool),
         null !== JSCompiler_temp
-          ? ((dehydrated$75 = CacheContext._currentValue),
+          ? ((dehydrated$76 = CacheContext._currentValue),
             (JSCompiler_temp =
-              JSCompiler_temp.parent !== dehydrated$75
-                ? { parent: dehydrated$75, pool: dehydrated$75 }
+              JSCompiler_temp.parent !== dehydrated$76
+                ? { parent: dehydrated$76, pool: dehydrated$76 }
                 : JSCompiler_temp))
           : (JSCompiler_temp = getSuspendedCache()),
         (didSuspend = {
@@ -5757,23 +5762,23 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         ((JSCompiler_temp = enableTransitionTracing
           ? markerInstanceStack.current
           : null),
-        (dehydrated$75 = showFallback.updateQueue),
+        (dehydrated$76 = showFallback.updateQueue),
         (primaryChildProps = current.updateQueue),
-        null === dehydrated$75
+        null === dehydrated$76
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue: null
             })
-          : dehydrated$75 === primaryChildProps
+          : dehydrated$76 === primaryChildProps
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue:
                 null !== primaryChildProps ? primaryChildProps.retryQueue : null
             })
-          : ((dehydrated$75.transitions = didSuspend),
-            (dehydrated$75.markerInstances = JSCompiler_temp))));
+          : ((dehydrated$76.transitions = didSuspend),
+            (dehydrated$76.markerInstances = JSCompiler_temp))));
     showFallback.childLanes = current.childLanes & ~renderLanes;
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
@@ -6853,14 +6858,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         break;
       case "collapsed":
         lastTailNode = renderState.tail;
-        for (var lastTailNode$107 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$107 = lastTailNode),
+        for (var lastTailNode$108 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$108 = lastTailNode),
             (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$107
+        null === lastTailNode$108
           ? hasRenderedATailFallback || null === renderState.tail
             ? (renderState.tail = null)
             : (renderState.tail.sibling = null)
-          : (lastTailNode$107.sibling = null);
+          : (lastTailNode$108.sibling = null);
     }
 }
 function bubbleProperties(completedWork) {
@@ -6872,53 +6877,53 @@ function bubbleProperties(completedWork) {
   if (didBailout)
     if (0 !== (completedWork.mode & 2)) {
       for (
-        var treeBaseDuration$109 = completedWork.selfBaseDuration,
-          child$110 = completedWork.child;
-        null !== child$110;
+        var treeBaseDuration$110 = completedWork.selfBaseDuration,
+          child$111 = completedWork.child;
+        null !== child$111;
 
       )
-        (newChildLanes |= child$110.lanes | child$110.childLanes),
-          (subtreeFlags |= child$110.subtreeFlags & 31457280),
-          (subtreeFlags |= child$110.flags & 31457280),
-          (treeBaseDuration$109 += child$110.treeBaseDuration),
-          (child$110 = child$110.sibling);
-      completedWork.treeBaseDuration = treeBaseDuration$109;
+        (newChildLanes |= child$111.lanes | child$111.childLanes),
+          (subtreeFlags |= child$111.subtreeFlags & 31457280),
+          (subtreeFlags |= child$111.flags & 31457280),
+          (treeBaseDuration$110 += child$111.treeBaseDuration),
+          (child$111 = child$111.sibling);
+      completedWork.treeBaseDuration = treeBaseDuration$110;
     } else
       for (
-        treeBaseDuration$109 = completedWork.child;
-        null !== treeBaseDuration$109;
+        treeBaseDuration$110 = completedWork.child;
+        null !== treeBaseDuration$110;
 
       )
         (newChildLanes |=
-          treeBaseDuration$109.lanes | treeBaseDuration$109.childLanes),
-          (subtreeFlags |= treeBaseDuration$109.subtreeFlags & 31457280),
-          (subtreeFlags |= treeBaseDuration$109.flags & 31457280),
-          (treeBaseDuration$109.return = completedWork),
-          (treeBaseDuration$109 = treeBaseDuration$109.sibling);
+          treeBaseDuration$110.lanes | treeBaseDuration$110.childLanes),
+          (subtreeFlags |= treeBaseDuration$110.subtreeFlags & 31457280),
+          (subtreeFlags |= treeBaseDuration$110.flags & 31457280),
+          (treeBaseDuration$110.return = completedWork),
+          (treeBaseDuration$110 = treeBaseDuration$110.sibling);
   else if (0 !== (completedWork.mode & 2)) {
-    treeBaseDuration$109 = completedWork.actualDuration;
-    child$110 = completedWork.selfBaseDuration;
+    treeBaseDuration$110 = completedWork.actualDuration;
+    child$111 = completedWork.selfBaseDuration;
     for (var child = completedWork.child; null !== child; )
       (newChildLanes |= child.lanes | child.childLanes),
         (subtreeFlags |= child.subtreeFlags),
         (subtreeFlags |= child.flags),
-        (treeBaseDuration$109 += child.actualDuration),
-        (child$110 += child.treeBaseDuration),
+        (treeBaseDuration$110 += child.actualDuration),
+        (child$111 += child.treeBaseDuration),
         (child = child.sibling);
-    completedWork.actualDuration = treeBaseDuration$109;
-    completedWork.treeBaseDuration = child$110;
+    completedWork.actualDuration = treeBaseDuration$110;
+    completedWork.treeBaseDuration = child$111;
   } else
     for (
-      treeBaseDuration$109 = completedWork.child;
-      null !== treeBaseDuration$109;
+      treeBaseDuration$110 = completedWork.child;
+      null !== treeBaseDuration$110;
 
     )
       (newChildLanes |=
-        treeBaseDuration$109.lanes | treeBaseDuration$109.childLanes),
-        (subtreeFlags |= treeBaseDuration$109.subtreeFlags),
-        (subtreeFlags |= treeBaseDuration$109.flags),
-        (treeBaseDuration$109.return = completedWork),
-        (treeBaseDuration$109 = treeBaseDuration$109.sibling);
+        treeBaseDuration$110.lanes | treeBaseDuration$110.childLanes),
+        (subtreeFlags |= treeBaseDuration$110.subtreeFlags),
+        (subtreeFlags |= treeBaseDuration$110.flags),
+        (treeBaseDuration$110.return = completedWork),
+        (treeBaseDuration$110 = treeBaseDuration$110.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -7736,8 +7741,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
             recordLayoutEffectDuration(current);
           }
         else ref(null);
-      } catch (error$144) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$144);
+      } catch (error$145) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$145);
       }
     else ref.current = null;
 }
@@ -7774,7 +7779,7 @@ function commitBeforeMutationEffects(root, firstChild) {
           selection = selection.focusOffset;
           try {
             JSCompiler_temp.nodeType, focusNode.nodeType;
-          } catch (e$207) {
+          } catch (e$208) {
             JSCompiler_temp = null;
             break a;
           }
@@ -8031,11 +8036,11 @@ function commitPassiveEffectDurations(finishedRoot, finishedWork) {
         var _finishedWork$memoize = finishedWork.memoizedProps,
           id = _finishedWork$memoize.id;
         _finishedWork$memoize = _finishedWork$memoize.onPostCommit;
-        var commitTime$146 = commitTime,
+        var commitTime$147 = commitTime,
           phase = null === finishedWork.alternate ? "mount" : "update";
         currentUpdateIsNested && (phase = "nested-update");
         "function" === typeof _finishedWork$memoize &&
-          _finishedWork$memoize(id, phase, finishedRoot, commitTime$146);
+          _finishedWork$memoize(id, phase, finishedRoot, commitTime$147);
         finishedWork = finishedWork.return;
         a: for (; null !== finishedWork; ) {
           switch (finishedWork.tag) {
@@ -8062,8 +8067,8 @@ function commitHookLayoutEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$148) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$148);
+    } catch (error$149) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$149);
     }
 }
 function commitClassCallbacks(finishedWork) {
@@ -8162,11 +8167,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
           } else
             try {
               finishedRoot.componentDidMount();
-            } catch (error$149) {
+            } catch (error$150) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$149
+                error$150
               );
             }
         else {
@@ -8183,11 +8188,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                   current,
                   finishedRoot.__reactInternalSnapshotBeforeUpdate
                 );
-            } catch (error$150) {
+            } catch (error$151) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$150
+                error$151
               );
             }
             recordLayoutEffectDuration(finishedWork);
@@ -8198,11 +8203,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                 current,
                 finishedRoot.__reactInternalSnapshotBeforeUpdate
               );
-            } catch (error$151) {
+            } catch (error$152) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$151
+                error$152
               );
             }
         }
@@ -8908,22 +8913,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           try {
             startLayoutEffectTimer(),
               commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$166) {
+          } catch (error$167) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$166
+              error$167
             );
           }
           recordLayoutEffectDuration(finishedWork);
         } else
           try {
             commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$167) {
+          } catch (error$168) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$167
+              error$168
             );
           }
       }
@@ -9106,11 +9111,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                   newProps
                 );
             domElement[internalPropsKey] = newProps;
-          } catch (error$168) {
+          } catch (error$169) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$168
+              error$169
             );
           }
       break;
@@ -9147,8 +9152,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$169) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$169);
+        } catch (error$170) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$170);
         }
       }
       if (
@@ -9173,8 +9178,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 root
               ),
             (flags[internalPropsKey] = root);
-        } catch (error$172) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$172);
+        } catch (error$173) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$173);
         }
       break;
     case 6:
@@ -9187,8 +9192,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$173) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$173);
+        } catch (error$174) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$174);
         }
       }
       break;
@@ -9202,8 +9207,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$174) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$174);
+        } catch (error$175) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$175);
         }
       break;
     case 4:
@@ -9233,8 +9238,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$176) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$176);
+        } catch (error$177) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$177);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -9312,11 +9317,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$156) {
+              } catch (error$157) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$156
+                  error$157
                 );
               }
           } else if (
@@ -9391,21 +9396,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$157 = JSCompiler_inline_result.stateNode;
+            var parent$158 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$157, ""),
+              (setTextContent(parent$158, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$158 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$158, parent$157);
+            var before$159 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$159, parent$158);
             break;
           case 3:
           case 4:
-            var parent$159 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$160 = getHostSibling(finishedWork);
+            var parent$160 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$161 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$160,
-              parent$159
+              before$161,
+              parent$160
             );
             break;
           default:
@@ -9597,8 +9602,8 @@ function commitHookPassiveMountEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$179) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$179);
+    } catch (error$180) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$180);
     }
 }
 function commitOffscreenPassiveMountEffects(current, finishedWork, instance) {
@@ -9897,9 +9902,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$184 = finishedWork.stateNode;
+        var instance$185 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$184._visibility & 4
+          ? instance$185._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9912,7 +9917,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$184._visibility |= 4),
+            : ((instance$185._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9920,7 +9925,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$184._visibility |= 4),
+          : ((instance$185._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -9933,7 +9938,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$184
+            instance$185
           );
         break;
       case 24:
@@ -10501,16 +10506,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$193 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$194 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$193 &&
-            ((lanes = errorRetryLanes$193),
+          0 !== errorRetryLanes$194 &&
+            ((lanes = errorRetryLanes$194),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$193
+              errorRetryLanes$194
             )));
         }
         if (1 === exitStatus)
@@ -10882,29 +10887,35 @@ function renderRootSync(root, lanes) {
     prepareFreshStack(root, lanes);
   }
   enableSchedulingProfiler && markRenderStarted(lanes);
+  lanes = !1;
   a: do
     try {
-      if (0 !== workInProgressSuspendedReason && null !== workInProgress)
-        switch (
-          ((lanes = workInProgress),
-          (memoizedUpdaters = workInProgressThrownValue),
-          workInProgressSuspendedReason)
-        ) {
+      if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
+        memoizedUpdaters = workInProgress;
+        var thrownValue = workInProgressThrownValue;
+        switch (workInProgressSuspendedReason) {
           case 8:
             resetWorkInProgressStack();
             workInProgressRootExitStatus = 6;
             break a;
+          case 3:
+          case 2:
+            lanes ||
+              null !== suspenseHandlerStackCursor.current ||
+              (lanes = !0);
           default:
             (workInProgressSuspendedReason = 0),
               (workInProgressThrownValue = null),
-              throwAndUnwindWorkLoop(lanes, memoizedUpdaters);
+              throwAndUnwindWorkLoop(memoizedUpdaters, thrownValue);
         }
+      }
       workLoopSync();
       break;
-    } catch (thrownValue$195) {
-      handleThrow(root, thrownValue$195);
+    } catch (thrownValue$196) {
+      handleThrow(root, thrownValue$196);
     }
   while (1);
+  lanes && root.shellSuspendCounter++;
   resetContextDependencies();
   executionContext = prevExecutionContext;
   ReactCurrentDispatcher.current = prevDispatcher;
@@ -11017,8 +11028,8 @@ function renderRootConcurrent(root, lanes) {
         }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$197) {
-      handleThrow(root, thrownValue$197);
+    } catch (thrownValue$198) {
+      handleThrow(root, thrownValue$198);
     }
   while (1);
   resetContextDependencies();
@@ -11205,10 +11216,10 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$63 = offscreenQueue.retryQueue;
-                      null === retryQueue$63
+                      var retryQueue$64 = offscreenQueue.retryQueue;
+                      null === retryQueue$64
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$63.add(wakeable);
+                        : retryQueue$64.add(wakeable);
                     }
                   }
                   break;
@@ -11414,7 +11425,7 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner.current = null;
-    var shouldFireAfterActiveInstanceBlur$201 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$202 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
@@ -11422,7 +11433,7 @@ function commitRootImpl(
     enableProfilerNestedUpdateScheduledHook &&
       (rootCommittingMutationOrLayoutEffects = root);
     commitMutationEffects(root, finishedWork, lanes);
-    shouldFireAfterActiveInstanceBlur$201 &&
+    shouldFireAfterActiveInstanceBlur$202 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -11518,7 +11529,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$202 = rootWithPendingPassiveEffects,
+    var root$203 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -11534,7 +11545,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$1.transition = prevTransition),
-        releaseRootPooledCache(root$202, remainingLanes);
+        releaseRootPooledCache(root$203, remainingLanes);
     }
   }
   return !1;
@@ -12684,6 +12695,7 @@ function FiberRootNode(
   this.callbackPriority = 0;
   this.expirationTimes = createLaneMap(-1);
   this.entangledLanes =
+    this.shellSuspendCounter =
     this.errorRecoveryDisabledLanes =
     this.finishedLanes =
     this.expiredLanes =
@@ -12877,12 +12889,12 @@ function getPublicRootInstance(container) {
 function attemptSynchronousHydration(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$205 = fiber.stateNode;
-      if (root$205.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$205.pendingLanes);
+      var root$206 = fiber.stateNode;
+      if (root$206.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$206.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$205, lanes | 2),
-          ensureRootIsScheduled(root$205),
+          (markRootEntangled(root$206, lanes | 2),
+          ensureRootIsScheduled(root$206),
           0 === (executionContext & 6) &&
             ((workInProgressRootRenderTargetTime = now$1() + 500),
             flushSyncWorkAcrossRoots_impl(!1)));
@@ -13448,19 +13460,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$390;
+  var JSCompiler_inline_result$jscomp$391;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1639 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1639) {
-      var element$jscomp$inline_1640 = document.createElement("div");
-      element$jscomp$inline_1640.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1639 =
-        "function" === typeof element$jscomp$inline_1640.oninput;
+    var isSupported$jscomp$inline_1640 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1640) {
+      var element$jscomp$inline_1641 = document.createElement("div");
+      element$jscomp$inline_1641.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1640 =
+        "function" === typeof element$jscomp$inline_1641.oninput;
     }
-    JSCompiler_inline_result$jscomp$390 = isSupported$jscomp$inline_1639;
-  } else JSCompiler_inline_result$jscomp$390 = !1;
+    JSCompiler_inline_result$jscomp$391 = isSupported$jscomp$inline_1640;
+  } else JSCompiler_inline_result$jscomp$391 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$390 &&
+    JSCompiler_inline_result$jscomp$391 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -13769,20 +13781,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1680 = 0;
-  i$jscomp$inline_1680 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1680++
+  var i$jscomp$inline_1681 = 0;
+  i$jscomp$inline_1681 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1681++
 ) {
-  var eventName$jscomp$inline_1681 =
-      simpleEventPluginEvents[i$jscomp$inline_1680],
-    domEventName$jscomp$inline_1682 =
-      eventName$jscomp$inline_1681.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1683 =
-      eventName$jscomp$inline_1681[0].toUpperCase() +
-      eventName$jscomp$inline_1681.slice(1);
+  var eventName$jscomp$inline_1682 =
+      simpleEventPluginEvents[i$jscomp$inline_1681],
+    domEventName$jscomp$inline_1683 =
+      eventName$jscomp$inline_1682.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1684 =
+      eventName$jscomp$inline_1682[0].toUpperCase() +
+      eventName$jscomp$inline_1682.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1682,
-    "on" + capitalizedEvent$jscomp$inline_1683
+    domEventName$jscomp$inline_1683,
+    "on" + capitalizedEvent$jscomp$inline_1684
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -15198,14 +15210,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$234 in nextProps) {
-        var propKey = nextProps[propKey$234];
-        lastProp = lastProps[propKey$234];
+      for (var propKey$235 in nextProps) {
+        var propKey = nextProps[propKey$235];
+        lastProp = lastProps[propKey$235];
         if (
-          nextProps.hasOwnProperty(propKey$234) &&
+          nextProps.hasOwnProperty(propKey$235) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$234) {
+          switch (propKey$235) {
             case "type":
               type = propKey;
               break;
@@ -15234,7 +15246,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$234,
+                  propKey$235,
                   propKey,
                   nextProps,
                   lastProp
@@ -15253,7 +15265,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       );
       return;
     case "select":
-      defaultValue = value = propKey = propKey$234 = null;
+      defaultValue = value = propKey = propKey$235 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -15284,7 +15296,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$234 = type;
+              propKey$235 = type;
               break;
             case "defaultValue":
               propKey = type;
@@ -15302,10 +15314,10 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                   lastDefaultValue
                 );
           }
-      updateSelect(domElement, propKey$234, propKey, value, defaultValue);
+      updateSelect(domElement, propKey$235, propKey, value, defaultValue);
       return;
     case "textarea":
-      propKey = propKey$234 = null;
+      propKey = propKey$235 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -15329,7 +15341,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$234 = name;
+              propKey$235 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -15343,17 +15355,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$234, propKey);
+      updateTextarea(domElement, propKey$235, propKey);
       return;
     case "option":
-      for (var propKey$250 in lastProps)
+      for (var propKey$251 in lastProps)
         if (
-          ((propKey$234 = lastProps[propKey$250]),
-          lastProps.hasOwnProperty(propKey$250) &&
-            null != propKey$234 &&
-            !nextProps.hasOwnProperty(propKey$250))
+          ((propKey$235 = lastProps[propKey$251]),
+          lastProps.hasOwnProperty(propKey$251) &&
+            null != propKey$235 &&
+            !nextProps.hasOwnProperty(propKey$251))
         )
-          switch (propKey$250) {
+          switch (propKey$251) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -15361,33 +15373,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$250,
+                propKey$251,
                 null,
                 nextProps,
-                propKey$234
+                propKey$235
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$234 = nextProps[lastDefaultValue]),
+          ((propKey$235 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$234 !== propKey &&
-            (null != propKey$234 || null != propKey))
+            propKey$235 !== propKey &&
+            (null != propKey$235 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$234 &&
-                "function" !== typeof propKey$234 &&
-                "symbol" !== typeof propKey$234;
+                propKey$235 &&
+                "function" !== typeof propKey$235 &&
+                "symbol" !== typeof propKey$235;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$234,
+                propKey$235,
                 nextProps,
                 propKey
               );
@@ -15408,24 +15420,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$255 in lastProps)
-        (propKey$234 = lastProps[propKey$255]),
-          lastProps.hasOwnProperty(propKey$255) &&
-            null != propKey$234 &&
-            !nextProps.hasOwnProperty(propKey$255) &&
-            setProp(domElement, tag, propKey$255, null, nextProps, propKey$234);
+      for (var propKey$256 in lastProps)
+        (propKey$235 = lastProps[propKey$256]),
+          lastProps.hasOwnProperty(propKey$256) &&
+            null != propKey$235 &&
+            !nextProps.hasOwnProperty(propKey$256) &&
+            setProp(domElement, tag, propKey$256, null, nextProps, propKey$235);
       for (checked in nextProps)
         if (
-          ((propKey$234 = nextProps[checked]),
+          ((propKey$235 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$234 !== propKey &&
-            (null != propKey$234 || null != propKey))
+            propKey$235 !== propKey &&
+            (null != propKey$235 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$234)
+              if (null != propKey$235)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -15433,7 +15445,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$234,
+                propKey$235,
                 nextProps,
                 propKey
               );
@@ -15441,49 +15453,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$260 in lastProps)
-          (propKey$234 = lastProps[propKey$260]),
-            lastProps.hasOwnProperty(propKey$260) &&
-              null != propKey$234 &&
-              !nextProps.hasOwnProperty(propKey$260) &&
+        for (var propKey$261 in lastProps)
+          (propKey$235 = lastProps[propKey$261]),
+            lastProps.hasOwnProperty(propKey$261) &&
+              null != propKey$235 &&
+              !nextProps.hasOwnProperty(propKey$261) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$260,
+                propKey$261,
                 null,
                 nextProps,
-                propKey$234
+                propKey$235
               );
         for (defaultChecked in nextProps)
-          (propKey$234 = nextProps[defaultChecked]),
+          (propKey$235 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$234 === propKey ||
-              (null == propKey$234 && null == propKey) ||
+              propKey$235 === propKey ||
+              (null == propKey$235 && null == propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$234,
+                propKey$235,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$265 in lastProps)
-    (propKey$234 = lastProps[propKey$265]),
-      lastProps.hasOwnProperty(propKey$265) &&
-        null != propKey$234 &&
-        !nextProps.hasOwnProperty(propKey$265) &&
-        setProp(domElement, tag, propKey$265, null, nextProps, propKey$234);
+  for (var propKey$266 in lastProps)
+    (propKey$235 = lastProps[propKey$266]),
+      lastProps.hasOwnProperty(propKey$266) &&
+        null != propKey$235 &&
+        !nextProps.hasOwnProperty(propKey$266) &&
+        setProp(domElement, tag, propKey$266, null, nextProps, propKey$235);
   for (lastProp in nextProps)
-    (propKey$234 = nextProps[lastProp]),
+    (propKey$235 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$234 === propKey ||
-        (null == propKey$234 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$234, nextProps, propKey);
+        propKey$235 === propKey ||
+        (null == propKey$235 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$235, nextProps, propKey);
 }
 function updatePropertiesWithDiff(
   domElement,
@@ -16177,17 +16189,17 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$299 = getResourcesFromRoot(currentProps).hoistableStyles,
-          resource$300 = styles$299.get(type);
-        resource$300 ||
+        var styles$300 = getResourcesFromRoot(currentProps).hoistableStyles,
+          resource$301 = styles$300.get(type);
+        resource$301 ||
           ((currentProps = currentProps.ownerDocument || currentProps),
-          (resource$300 = {
+          (resource$301 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$299.set(type, resource$300),
+          styles$300.set(type, resource$301),
           preloadPropsMap.has(type) ||
             preloadStylesheet(
               currentProps,
@@ -16202,9 +16214,9 @@ function getResource(type, currentProps, pendingProps) {
                 hrefLang: pendingProps.hrefLang,
                 referrerPolicy: pendingProps.referrerPolicy
               },
-              resource$300.state
+              resource$301.state
             ));
-        return resource$300;
+        return resource$301;
       }
       return null;
     case "script":
@@ -16284,36 +16296,36 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$304 = hoistableRoot.querySelector(
+        var instance$305 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$304)
+        if (instance$305)
           return (
-            (resource.instance = instance$304),
-            markNodeAsHoistable(instance$304),
-            instance$304
+            (resource.instance = instance$305),
+            markNodeAsHoistable(instance$305),
+            instance$305
           );
         instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(instance, styleProps);
-        instance$304 = (
+        instance$305 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$304);
-        var linkInstance = instance$304;
+        markNodeAsHoistable(instance$305);
+        var linkInstance = instance$305;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$304, "link", instance);
+        setInitialProperties(instance$305, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$304, props.precedence, hoistableRoot);
-        return (resource.instance = instance$304);
+        insertStylesheet(instance$305, props.precedence, hoistableRoot);
+        return (resource.instance = instance$305);
       case "script":
-        instance$304 = getScriptKey(props.src);
+        instance$305 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            "script[async]" + instance$304
+            "script[async]" + instance$305
           ))
         )
           return (
@@ -16322,7 +16334,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         instance = props;
-        if ((styleProps = preloadPropsMap.get(instance$304)))
+        if ((styleProps = preloadPropsMap.get(instance$305)))
           (instance = assign({}, props)),
             adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -17274,11 +17286,11 @@ function legacyCreateRootFromDOMContainer(
     if ("function" === typeof callback) {
       var originalCallback = callback;
       callback = function () {
-        var instance = getPublicRootInstance(root$324);
+        var instance = getPublicRootInstance(root$325);
         originalCallback.call(instance);
       };
     }
-    var root$324 = createHydrationContainer(
+    var root$325 = createHydrationContainer(
       initialChildren,
       callback,
       container,
@@ -17290,23 +17302,23 @@ function legacyCreateRootFromDOMContainer(
       noopOnRecoverableError,
       null
     );
-    container._reactRootContainer = root$324;
-    container[internalContainerInstanceKey] = root$324.current;
+    container._reactRootContainer = root$325;
+    container[internalContainerInstanceKey] = root$325.current;
     listenToAllSupportedEvents(
       8 === container.nodeType ? container.parentNode : container
     );
     flushSync$1();
-    return root$324;
+    return root$325;
   }
   clearContainer(container);
   if ("function" === typeof callback) {
-    var originalCallback$325 = callback;
+    var originalCallback$326 = callback;
     callback = function () {
-      var instance = getPublicRootInstance(root$326);
-      originalCallback$325.call(instance);
+      var instance = getPublicRootInstance(root$327);
+      originalCallback$326.call(instance);
     };
   }
-  var root$326 = createFiberRoot(
+  var root$327 = createFiberRoot(
     container,
     0,
     !1,
@@ -17318,15 +17330,15 @@ function legacyCreateRootFromDOMContainer(
     noopOnRecoverableError,
     null
   );
-  container._reactRootContainer = root$326;
-  container[internalContainerInstanceKey] = root$326.current;
+  container._reactRootContainer = root$327;
+  container[internalContainerInstanceKey] = root$327.current;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
   flushSync$1(function () {
-    updateContainer(initialChildren, root$326, parentComponent, callback);
+    updateContainer(initialChildren, root$327, parentComponent, callback);
   });
-  return root$326;
+  return root$327;
 }
 function legacyRenderSubtreeIntoContainer(
   parentComponent,
@@ -17386,10 +17398,10 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1887 = {
+var devToolsConfig$jscomp$inline_1888 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-classic-7f900b0f",
+  version: "18.3.0-www-classic-b8f50646",
   rendererPackageName: "react-dom"
 };
 (function (internals) {
@@ -17407,10 +17419,10 @@ var devToolsConfig$jscomp$inline_1887 = {
   } catch (err) {}
   return hook.checkDCE ? !0 : !1;
 })({
-  bundleType: devToolsConfig$jscomp$inline_1887.bundleType,
-  version: devToolsConfig$jscomp$inline_1887.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1887.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1887.rendererConfig,
+  bundleType: devToolsConfig$jscomp$inline_1888.bundleType,
+  version: devToolsConfig$jscomp$inline_1888.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1888.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1888.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -17426,14 +17438,14 @@ var devToolsConfig$jscomp$inline_1887 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1887.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1888.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-classic-7f900b0f"
+  reconcilerVersion: "18.3.0-www-classic-b8f50646"
 });
 assign(Internals, {
   ReactBrowserEventEmitter: {
@@ -17648,7 +17660,7 @@ exports.unstable_renderSubtreeIntoContainer = function (
   );
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-classic-7f900b0f";
+exports.version = "18.3.0-www-classic-b8f50646";
 
           /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
 if (
diff --git a/compiled/facebook-www/ReactDOM-profiling.modern.js b/compiled/facebook-www/ReactDOM-profiling.modern.js
index 7ee0867228538..18f878440d0f2 100644
--- a/compiled/facebook-www/ReactDOM-profiling.modern.js
+++ b/compiled/facebook-www/ReactDOM-profiling.modern.js
@@ -480,6 +480,7 @@ function markRootFinished(root, remainingLanes) {
   root.expiredLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   remainingLanes = root.entanglements;
   var expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
@@ -2196,26 +2197,30 @@ function trackUsedThenable(thenableState, thenable, index) {
     case "rejected":
       throw thenable.reason;
     default:
-      "string" === typeof thenable.status
-        ? thenable.then(noop$2, noop$2)
-        : ((thenableState = thenable),
-          (thenableState.status = "pending"),
-          thenableState.then(
-            function (fulfilledValue) {
-              if ("pending" === thenable.status) {
-                var fulfilledThenable = thenable;
-                fulfilledThenable.status = "fulfilled";
-                fulfilledThenable.value = fulfilledValue;
-              }
-            },
-            function (error) {
-              if ("pending" === thenable.status) {
-                var rejectedThenable = thenable;
-                rejectedThenable.status = "rejected";
-                rejectedThenable.reason = error;
-              }
+      if ("string" === typeof thenable.status) thenable.then(noop$2, noop$2);
+      else {
+        thenableState = workInProgressRoot;
+        if (null !== thenableState && 100 < thenableState.shellSuspendCounter)
+          throw Error(formatProdErrorMessage(482));
+        thenableState = thenable;
+        thenableState.status = "pending";
+        thenableState.then(
+          function (fulfilledValue) {
+            if ("pending" === thenable.status) {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = "fulfilled";
+              fulfilledThenable.value = fulfilledValue;
             }
-          ));
+          },
+          function (error) {
+            if ("pending" === thenable.status) {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = "rejected";
+              rejectedThenable.reason = error;
+            }
+          }
+        );
+      }
       switch (thenable.status) {
         case "fulfilled":
           return thenable.value;
@@ -3113,13 +3118,13 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
         null === errors ? (errors = [onlyLegacy]) : errors.push(onlyLegacy);
         break;
       }
-      for (var root$46 = firstScheduledRoot; null !== root$46; ) {
+      for (var root$47 = firstScheduledRoot; null !== root$47; ) {
         if (
-          (!onlyLegacy || 0 === root$46.tag) &&
+          (!onlyLegacy || 0 === root$47.tag) &&
           0 !==
             (getNextLanes(
-              root$46,
-              root$46 === workInProgressRoot$jscomp$0
+              root$47,
+              root$47 === workInProgressRoot$jscomp$0
                 ? workInProgressRootRenderLanes$jscomp$0
                 : 0
             ) &
@@ -3127,7 +3132,7 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
         )
           try {
             didPerformSomeWork = !0;
-            var root = root$46;
+            var root = root$47;
             currentUpdateIsNested = nestedUpdateScheduled;
             nestedUpdateScheduled = !1;
             if (0 !== (executionContext & 6))
@@ -3173,7 +3178,7 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
           } catch (error) {
             null === errors ? (errors = [error]) : errors.push(error);
           }
-        root$46 = root$46.next;
+        root$47 = root$47.next;
       }
     } while (didPerformSomeWork);
     isFlushingWork = !1;
@@ -3345,12 +3350,12 @@ function requestAsyncActionContext(actionReturnValue, finishedState) {
   }
   if (null === currentEntangledListeners) return finishedState;
   actionReturnValue = currentEntangledListeners;
-  var resultThenable$49 = createResultThenable(actionReturnValue);
+  var resultThenable$50 = createResultThenable(actionReturnValue);
   actionReturnValue.push(function () {
-    resultThenable$49.status = "fulfilled";
-    resultThenable$49.value = finishedState;
+    resultThenable$50.status = "fulfilled";
+    resultThenable$50.value = finishedState;
   });
-  return resultThenable$49;
+  return resultThenable$50;
 }
 function pingEngtangledActionScope() {
   if (
@@ -3636,7 +3641,7 @@ function updateReducerImpl(hook, current, reducer) {
             update = update.next;
             continue;
           } else {
-            var clone$51 = {
+            var clone$52 = {
               lane: 0,
               revertLane: update.revertLane,
               action: update.action,
@@ -3645,9 +3650,9 @@ function updateReducerImpl(hook, current, reducer) {
               next: null
             };
             null === newBaseQueueLast
-              ? ((newBaseQueueFirst = newBaseQueueLast = clone$51),
+              ? ((newBaseQueueFirst = newBaseQueueLast = clone$52),
                 (baseFirst = pendingQueue))
-              : (newBaseQueueLast = newBaseQueueLast.next = clone$51);
+              : (newBaseQueueLast = newBaseQueueLast.next = clone$52);
             currentlyRenderingFiber$1.lanes |= updateLane;
             workInProgressRootSkippedLanes |= updateLane;
           }
@@ -3669,7 +3674,7 @@ function updateReducerImpl(hook, current, reducer) {
           ? update.eagerState
           : reducer(pendingQueue, updateLane);
       } else
-        (clone$51 = {
+        (clone$52 = {
           lane: updateLane,
           revertLane: update.revertLane,
           action: update.action,
@@ -3678,9 +3683,9 @@ function updateReducerImpl(hook, current, reducer) {
           next: null
         }),
           null === newBaseQueueLast
-            ? ((newBaseQueueFirst = newBaseQueueLast = clone$51),
+            ? ((newBaseQueueFirst = newBaseQueueLast = clone$52),
               (baseFirst = pendingQueue))
-            : (newBaseQueueLast = newBaseQueueLast.next = clone$51),
+            : (newBaseQueueLast = newBaseQueueLast.next = clone$52),
           (currentlyRenderingFiber$1.lanes |= updateLane),
           (workInProgressRootSkippedLanes |= updateLane);
       update = update.next;
@@ -4030,14 +4035,14 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$56 = enqueueUpdate(provider, fiber, lane);
-        null !== root$56 &&
-          (scheduleUpdateOnFiber(root$56, provider, lane),
-          entangleTransitions(root$56, provider, lane));
+        var root$57 = enqueueUpdate(provider, fiber, lane);
+        null !== root$57 &&
+          (scheduleUpdateOnFiber(root$57, provider, lane),
+          entangleTransitions(root$57, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$56 &&
+          null !== root$57 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -4268,15 +4273,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$52 = workInProgressRoot;
-      if (null === root$52) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$52, renderLanes$1) ||
+      var root$53 = workInProgressRoot;
+      if (null === root$53) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$53, renderLanes$1) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$52 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$52;
-    mountEffect(subscribeToStore.bind(null, fiber, root$52, subscribe), [
+    root$53 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$53;
+    mountEffect(subscribeToStore.bind(null, fiber, root$53, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -4285,7 +4290,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$52,
+        root$53,
         getServerSnapshot,
         getSnapshot
       ),
@@ -4847,10 +4852,10 @@ var markerInstanceStack = createCursor(null);
 function pushRootMarkerInstance(workInProgress) {
   if (enableTransitionTracing) {
     var transitions = workInProgressTransitions,
-      root$68 = workInProgress.stateNode;
+      root$69 = workInProgress.stateNode;
     null !== transitions &&
       transitions.forEach(function (transition) {
-        if (!root$68.incompleteTransitions.has(transition)) {
+        if (!root$69.incompleteTransitions.has(transition)) {
           var markerInstance = {
             tag: 0,
             transitions: new Set([transition]),
@@ -4858,11 +4863,11 @@ function pushRootMarkerInstance(workInProgress) {
             aborts: null,
             name: null
           };
-          root$68.incompleteTransitions.set(transition, markerInstance);
+          root$69.incompleteTransitions.set(transition, markerInstance);
         }
       });
     var markerInstances = [];
-    root$68.incompleteTransitions.forEach(function (markerInstance) {
+    root$69.incompleteTransitions.forEach(function (markerInstance) {
       markerInstances.push(markerInstance);
     });
     push(markerInstanceStack, markerInstances);
@@ -5529,14 +5534,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
   }
   JSCompiler_temp = current.memoizedState;
   if (null !== JSCompiler_temp) {
-    var dehydrated$75 = JSCompiler_temp.dehydrated;
-    if (null !== dehydrated$75)
+    var dehydrated$76 = JSCompiler_temp.dehydrated;
+    if (null !== dehydrated$76)
       return updateDehydratedSuspenseComponent(
         current,
         workInProgress,
         didSuspend,
         nextProps,
-        dehydrated$75,
+        dehydrated$76,
         JSCompiler_temp,
         renderLanes
       );
@@ -5546,7 +5551,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
     JSCompiler_temp = current.child;
-    dehydrated$75 = JSCompiler_temp.sibling;
+    dehydrated$76 = JSCompiler_temp.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
     0 === (didSuspend & 1) && workInProgress.child !== JSCompiler_temp
       ? ((nextProps = workInProgress.child),
@@ -5560,8 +5565,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         (workInProgress.deletions = null))
       : ((nextProps = createWorkInProgress(JSCompiler_temp, primaryChildProps)),
         (nextProps.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280));
-    null !== dehydrated$75
-      ? (showFallback = createWorkInProgress(dehydrated$75, showFallback))
+    null !== dehydrated$76
+      ? (showFallback = createWorkInProgress(dehydrated$76, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -5580,10 +5585,10 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       ? (didSuspend = mountSuspenseOffscreenState(renderLanes))
       : ((JSCompiler_temp = didSuspend.cachePool),
         null !== JSCompiler_temp
-          ? ((dehydrated$75 = CacheContext._currentValue),
+          ? ((dehydrated$76 = CacheContext._currentValue),
             (JSCompiler_temp =
-              JSCompiler_temp.parent !== dehydrated$75
-                ? { parent: dehydrated$75, pool: dehydrated$75 }
+              JSCompiler_temp.parent !== dehydrated$76
+                ? { parent: dehydrated$76, pool: dehydrated$76 }
                 : JSCompiler_temp))
           : (JSCompiler_temp = getSuspendedCache()),
         (didSuspend = {
@@ -5597,23 +5602,23 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         ((JSCompiler_temp = enableTransitionTracing
           ? markerInstanceStack.current
           : null),
-        (dehydrated$75 = showFallback.updateQueue),
+        (dehydrated$76 = showFallback.updateQueue),
         (primaryChildProps = current.updateQueue),
-        null === dehydrated$75
+        null === dehydrated$76
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue: null
             })
-          : dehydrated$75 === primaryChildProps
+          : dehydrated$76 === primaryChildProps
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue:
                 null !== primaryChildProps ? primaryChildProps.retryQueue : null
             })
-          : ((dehydrated$75.transitions = didSuspend),
-            (dehydrated$75.markerInstances = JSCompiler_temp))));
+          : ((dehydrated$76.transitions = didSuspend),
+            (dehydrated$76.markerInstances = JSCompiler_temp))));
     showFallback.childLanes = current.childLanes & ~renderLanes;
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
@@ -6689,14 +6694,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         break;
       case "collapsed":
         lastTailNode = renderState.tail;
-        for (var lastTailNode$107 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$107 = lastTailNode),
+        for (var lastTailNode$108 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$108 = lastTailNode),
             (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$107
+        null === lastTailNode$108
           ? hasRenderedATailFallback || null === renderState.tail
             ? (renderState.tail = null)
             : (renderState.tail.sibling = null)
-          : (lastTailNode$107.sibling = null);
+          : (lastTailNode$108.sibling = null);
     }
 }
 function bubbleProperties(completedWork) {
@@ -6708,53 +6713,53 @@ function bubbleProperties(completedWork) {
   if (didBailout)
     if (0 !== (completedWork.mode & 2)) {
       for (
-        var treeBaseDuration$109 = completedWork.selfBaseDuration,
-          child$110 = completedWork.child;
-        null !== child$110;
+        var treeBaseDuration$110 = completedWork.selfBaseDuration,
+          child$111 = completedWork.child;
+        null !== child$111;
 
       )
-        (newChildLanes |= child$110.lanes | child$110.childLanes),
-          (subtreeFlags |= child$110.subtreeFlags & 31457280),
-          (subtreeFlags |= child$110.flags & 31457280),
-          (treeBaseDuration$109 += child$110.treeBaseDuration),
-          (child$110 = child$110.sibling);
-      completedWork.treeBaseDuration = treeBaseDuration$109;
+        (newChildLanes |= child$111.lanes | child$111.childLanes),
+          (subtreeFlags |= child$111.subtreeFlags & 31457280),
+          (subtreeFlags |= child$111.flags & 31457280),
+          (treeBaseDuration$110 += child$111.treeBaseDuration),
+          (child$111 = child$111.sibling);
+      completedWork.treeBaseDuration = treeBaseDuration$110;
     } else
       for (
-        treeBaseDuration$109 = completedWork.child;
-        null !== treeBaseDuration$109;
+        treeBaseDuration$110 = completedWork.child;
+        null !== treeBaseDuration$110;
 
       )
         (newChildLanes |=
-          treeBaseDuration$109.lanes | treeBaseDuration$109.childLanes),
-          (subtreeFlags |= treeBaseDuration$109.subtreeFlags & 31457280),
-          (subtreeFlags |= treeBaseDuration$109.flags & 31457280),
-          (treeBaseDuration$109.return = completedWork),
-          (treeBaseDuration$109 = treeBaseDuration$109.sibling);
+          treeBaseDuration$110.lanes | treeBaseDuration$110.childLanes),
+          (subtreeFlags |= treeBaseDuration$110.subtreeFlags & 31457280),
+          (subtreeFlags |= treeBaseDuration$110.flags & 31457280),
+          (treeBaseDuration$110.return = completedWork),
+          (treeBaseDuration$110 = treeBaseDuration$110.sibling);
   else if (0 !== (completedWork.mode & 2)) {
-    treeBaseDuration$109 = completedWork.actualDuration;
-    child$110 = completedWork.selfBaseDuration;
+    treeBaseDuration$110 = completedWork.actualDuration;
+    child$111 = completedWork.selfBaseDuration;
     for (var child = completedWork.child; null !== child; )
       (newChildLanes |= child.lanes | child.childLanes),
         (subtreeFlags |= child.subtreeFlags),
         (subtreeFlags |= child.flags),
-        (treeBaseDuration$109 += child.actualDuration),
-        (child$110 += child.treeBaseDuration),
+        (treeBaseDuration$110 += child.actualDuration),
+        (child$111 += child.treeBaseDuration),
         (child = child.sibling);
-    completedWork.actualDuration = treeBaseDuration$109;
-    completedWork.treeBaseDuration = child$110;
+    completedWork.actualDuration = treeBaseDuration$110;
+    completedWork.treeBaseDuration = child$111;
   } else
     for (
-      treeBaseDuration$109 = completedWork.child;
-      null !== treeBaseDuration$109;
+      treeBaseDuration$110 = completedWork.child;
+      null !== treeBaseDuration$110;
 
     )
       (newChildLanes |=
-        treeBaseDuration$109.lanes | treeBaseDuration$109.childLanes),
-        (subtreeFlags |= treeBaseDuration$109.subtreeFlags),
-        (subtreeFlags |= treeBaseDuration$109.flags),
-        (treeBaseDuration$109.return = completedWork),
-        (treeBaseDuration$109 = treeBaseDuration$109.sibling);
+        treeBaseDuration$110.lanes | treeBaseDuration$110.childLanes),
+        (subtreeFlags |= treeBaseDuration$110.subtreeFlags),
+        (subtreeFlags |= treeBaseDuration$110.flags),
+        (treeBaseDuration$110.return = completedWork),
+        (treeBaseDuration$110 = treeBaseDuration$110.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -7553,8 +7558,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
             recordLayoutEffectDuration(current);
           }
         else ref(null);
-      } catch (error$143) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$143);
+      } catch (error$144) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$144);
       }
     else ref.current = null;
 }
@@ -7591,7 +7596,7 @@ function commitBeforeMutationEffects(root, firstChild) {
           selection = selection.focusOffset;
           try {
             JSCompiler_temp.nodeType, focusNode.nodeType;
-          } catch (e$211) {
+          } catch (e$212) {
             JSCompiler_temp = null;
             break a;
           }
@@ -7861,11 +7866,11 @@ function commitPassiveEffectDurations(finishedRoot, finishedWork) {
         var _finishedWork$memoize = finishedWork.memoizedProps,
           id = _finishedWork$memoize.id;
         _finishedWork$memoize = _finishedWork$memoize.onPostCommit;
-        var commitTime$145 = commitTime,
+        var commitTime$146 = commitTime,
           phase = null === finishedWork.alternate ? "mount" : "update";
         currentUpdateIsNested && (phase = "nested-update");
         "function" === typeof _finishedWork$memoize &&
-          _finishedWork$memoize(id, phase, finishedRoot, commitTime$145);
+          _finishedWork$memoize(id, phase, finishedRoot, commitTime$146);
         finishedWork = finishedWork.return;
         a: for (; null !== finishedWork; ) {
           switch (finishedWork.tag) {
@@ -7892,8 +7897,8 @@ function commitHookLayoutEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$147) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$147);
+    } catch (error$148) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$148);
     }
 }
 function commitClassCallbacks(finishedWork) {
@@ -7992,11 +7997,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
           } else
             try {
               finishedRoot.componentDidMount();
-            } catch (error$148) {
+            } catch (error$149) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$148
+                error$149
               );
             }
         else {
@@ -8013,11 +8018,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                   current,
                   finishedRoot.__reactInternalSnapshotBeforeUpdate
                 );
-            } catch (error$149) {
+            } catch (error$150) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$149
+                error$150
               );
             }
             recordLayoutEffectDuration(finishedWork);
@@ -8028,11 +8033,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                 current,
                 finishedRoot.__reactInternalSnapshotBeforeUpdate
               );
-            } catch (error$150) {
+            } catch (error$151) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$150
+                error$151
               );
             }
         }
@@ -8738,22 +8743,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           try {
             startLayoutEffectTimer(),
               commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$165) {
+          } catch (error$166) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$165
+              error$166
             );
           }
           recordLayoutEffectDuration(finishedWork);
         } else
           try {
             commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$166) {
+          } catch (error$167) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$166
+              error$167
             );
           }
       }
@@ -8936,11 +8941,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                   newProps
                 );
             domElement[internalPropsKey] = newProps;
-          } catch (error$167) {
+          } catch (error$168) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$167
+              error$168
             );
           }
       break;
@@ -8977,8 +8982,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$168) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$168);
+        } catch (error$169) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$169);
         }
       }
       if (
@@ -9003,8 +9008,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 root
               ),
             (flags[internalPropsKey] = root);
-        } catch (error$171) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$171);
+        } catch (error$172) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$172);
         }
       break;
     case 6:
@@ -9017,8 +9022,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$172) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$172);
+        } catch (error$173) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$173);
         }
       }
       break;
@@ -9032,8 +9037,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$173) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$173);
+        } catch (error$174) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$174);
         }
       break;
     case 4:
@@ -9063,8 +9068,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$175) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$175);
+        } catch (error$176) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$176);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -9142,11 +9147,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$155) {
+              } catch (error$156) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$155
+                  error$156
                 );
               }
           } else if (
@@ -9221,21 +9226,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$156 = JSCompiler_inline_result.stateNode;
+            var parent$157 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$156, ""),
+              (setTextContent(parent$157, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$157 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$157, parent$156);
+            var before$158 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$158, parent$157);
             break;
           case 3:
           case 4:
-            var parent$158 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$159 = getHostSibling(finishedWork);
+            var parent$159 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$160 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$159,
-              parent$158
+              before$160,
+              parent$159
             );
             break;
           default:
@@ -9427,8 +9432,8 @@ function commitHookPassiveMountEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$178) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$178);
+    } catch (error$179) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$179);
     }
 }
 function commitOffscreenPassiveMountEffects(current, finishedWork, instance) {
@@ -9727,9 +9732,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$183 = finishedWork.stateNode;
+        var instance$184 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$183._visibility & 4
+          ? instance$184._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9742,7 +9747,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$183._visibility |= 4),
+            : ((instance$184._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9750,7 +9755,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$183._visibility |= 4),
+          : ((instance$184._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -9763,7 +9768,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$183
+            instance$184
           );
         break;
       case 24:
@@ -10331,16 +10336,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$192 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$193 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$192 &&
-            ((lanes = errorRetryLanes$192),
+          0 !== errorRetryLanes$193 &&
+            ((lanes = errorRetryLanes$193),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$192
+              errorRetryLanes$193
             )));
         }
         if (1 === exitStatus)
@@ -10712,29 +10717,35 @@ function renderRootSync(root, lanes) {
     prepareFreshStack(root, lanes);
   }
   enableSchedulingProfiler && markRenderStarted(lanes);
+  lanes = !1;
   a: do
     try {
-      if (0 !== workInProgressSuspendedReason && null !== workInProgress)
-        switch (
-          ((lanes = workInProgress),
-          (memoizedUpdaters = workInProgressThrownValue),
-          workInProgressSuspendedReason)
-        ) {
+      if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
+        memoizedUpdaters = workInProgress;
+        var thrownValue = workInProgressThrownValue;
+        switch (workInProgressSuspendedReason) {
           case 8:
             resetWorkInProgressStack();
             workInProgressRootExitStatus = 6;
             break a;
+          case 3:
+          case 2:
+            lanes ||
+              null !== suspenseHandlerStackCursor.current ||
+              (lanes = !0);
           default:
             (workInProgressSuspendedReason = 0),
               (workInProgressThrownValue = null),
-              throwAndUnwindWorkLoop(lanes, memoizedUpdaters);
+              throwAndUnwindWorkLoop(memoizedUpdaters, thrownValue);
         }
+      }
       workLoopSync();
       break;
-    } catch (thrownValue$194) {
-      handleThrow(root, thrownValue$194);
+    } catch (thrownValue$195) {
+      handleThrow(root, thrownValue$195);
     }
   while (1);
+  lanes && root.shellSuspendCounter++;
   resetContextDependencies();
   executionContext = prevExecutionContext;
   ReactCurrentDispatcher.current = prevDispatcher;
@@ -10847,8 +10858,8 @@ function renderRootConcurrent(root, lanes) {
         }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$196) {
-      handleThrow(root, thrownValue$196);
+    } catch (thrownValue$197) {
+      handleThrow(root, thrownValue$197);
     }
   while (1);
   resetContextDependencies();
@@ -11031,10 +11042,10 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$63 = offscreenQueue.retryQueue;
-                      null === retryQueue$63
+                      var retryQueue$64 = offscreenQueue.retryQueue;
+                      null === retryQueue$64
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$63.add(wakeable);
+                        : retryQueue$64.add(wakeable);
                     }
                   }
                   break;
@@ -11240,7 +11251,7 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner.current = null;
-    var shouldFireAfterActiveInstanceBlur$200 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$201 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
@@ -11248,7 +11259,7 @@ function commitRootImpl(
     enableProfilerNestedUpdateScheduledHook &&
       (rootCommittingMutationOrLayoutEffects = root);
     commitMutationEffects(root, finishedWork, lanes);
-    shouldFireAfterActiveInstanceBlur$200 &&
+    shouldFireAfterActiveInstanceBlur$201 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -11344,7 +11355,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$201 = rootWithPendingPassiveEffects,
+    var root$202 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -11360,7 +11371,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$1.transition = prevTransition),
-        releaseRootPooledCache(root$201, remainingLanes);
+        releaseRootPooledCache(root$202, remainingLanes);
     }
   }
   return !1;
@@ -12486,6 +12497,7 @@ function FiberRootNode(
   this.callbackPriority = 0;
   this.expirationTimes = createLaneMap(-1);
   this.entangledLanes =
+    this.shellSuspendCounter =
     this.errorRecoveryDisabledLanes =
     this.finishedLanes =
     this.expiredLanes =
@@ -12593,12 +12605,12 @@ function updateContainer(element, container, parentComponent, callback) {
 function attemptSynchronousHydration(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$204 = fiber.stateNode;
-      if (root$204.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$204.pendingLanes);
+      var root$205 = fiber.stateNode;
+      if (root$205.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$205.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$204, lanes | 2),
-          ensureRootIsScheduled(root$204),
+          (markRootEntangled(root$205, lanes | 2),
+          ensureRootIsScheduled(root$205),
           0 === (executionContext & 6) &&
             ((workInProgressRootRenderTargetTime = now$1() + 500),
             flushSyncWorkAcrossRoots_impl(!1)));
@@ -13688,19 +13700,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$388;
+  var JSCompiler_inline_result$jscomp$389;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1638 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1638) {
-      var element$jscomp$inline_1639 = document.createElement("div");
-      element$jscomp$inline_1639.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1638 =
-        "function" === typeof element$jscomp$inline_1639.oninput;
+    var isSupported$jscomp$inline_1639 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1639) {
+      var element$jscomp$inline_1640 = document.createElement("div");
+      element$jscomp$inline_1640.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1639 =
+        "function" === typeof element$jscomp$inline_1640.oninput;
     }
-    JSCompiler_inline_result$jscomp$388 = isSupported$jscomp$inline_1638;
-  } else JSCompiler_inline_result$jscomp$388 = !1;
+    JSCompiler_inline_result$jscomp$389 = isSupported$jscomp$inline_1639;
+  } else JSCompiler_inline_result$jscomp$389 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$388 &&
+    JSCompiler_inline_result$jscomp$389 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -14009,20 +14021,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1679 = 0;
-  i$jscomp$inline_1679 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1679++
+  var i$jscomp$inline_1680 = 0;
+  i$jscomp$inline_1680 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1680++
 ) {
-  var eventName$jscomp$inline_1680 =
-      simpleEventPluginEvents[i$jscomp$inline_1679],
-    domEventName$jscomp$inline_1681 =
-      eventName$jscomp$inline_1680.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1682 =
-      eventName$jscomp$inline_1680[0].toUpperCase() +
-      eventName$jscomp$inline_1680.slice(1);
+  var eventName$jscomp$inline_1681 =
+      simpleEventPluginEvents[i$jscomp$inline_1680],
+    domEventName$jscomp$inline_1682 =
+      eventName$jscomp$inline_1681.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1683 =
+      eventName$jscomp$inline_1681[0].toUpperCase() +
+      eventName$jscomp$inline_1681.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1681,
-    "on" + capitalizedEvent$jscomp$inline_1682
+    domEventName$jscomp$inline_1682,
+    "on" + capitalizedEvent$jscomp$inline_1683
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -15437,14 +15449,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$238 in nextProps) {
-        var propKey = nextProps[propKey$238];
-        lastProp = lastProps[propKey$238];
+      for (var propKey$239 in nextProps) {
+        var propKey = nextProps[propKey$239];
+        lastProp = lastProps[propKey$239];
         if (
-          nextProps.hasOwnProperty(propKey$238) &&
+          nextProps.hasOwnProperty(propKey$239) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$238) {
+          switch (propKey$239) {
             case "type":
               type = propKey;
               break;
@@ -15473,7 +15485,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$238,
+                  propKey$239,
                   propKey,
                   nextProps,
                   lastProp
@@ -15492,7 +15504,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       );
       return;
     case "select":
-      defaultValue = value = propKey = propKey$238 = null;
+      defaultValue = value = propKey = propKey$239 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -15523,7 +15535,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$238 = type;
+              propKey$239 = type;
               break;
             case "defaultValue":
               propKey = type;
@@ -15541,10 +15553,10 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                   lastDefaultValue
                 );
           }
-      updateSelect(domElement, propKey$238, propKey, value, defaultValue);
+      updateSelect(domElement, propKey$239, propKey, value, defaultValue);
       return;
     case "textarea":
-      propKey = propKey$238 = null;
+      propKey = propKey$239 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -15568,7 +15580,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$238 = name;
+              propKey$239 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -15582,17 +15594,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$238, propKey);
+      updateTextarea(domElement, propKey$239, propKey);
       return;
     case "option":
-      for (var propKey$254 in lastProps)
+      for (var propKey$255 in lastProps)
         if (
-          ((propKey$238 = lastProps[propKey$254]),
-          lastProps.hasOwnProperty(propKey$254) &&
-            null != propKey$238 &&
-            !nextProps.hasOwnProperty(propKey$254))
+          ((propKey$239 = lastProps[propKey$255]),
+          lastProps.hasOwnProperty(propKey$255) &&
+            null != propKey$239 &&
+            !nextProps.hasOwnProperty(propKey$255))
         )
-          switch (propKey$254) {
+          switch (propKey$255) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -15600,33 +15612,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$254,
+                propKey$255,
                 null,
                 nextProps,
-                propKey$238
+                propKey$239
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$238 = nextProps[lastDefaultValue]),
+          ((propKey$239 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$238 !== propKey &&
-            (null != propKey$238 || null != propKey))
+            propKey$239 !== propKey &&
+            (null != propKey$239 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$238 &&
-                "function" !== typeof propKey$238 &&
-                "symbol" !== typeof propKey$238;
+                propKey$239 &&
+                "function" !== typeof propKey$239 &&
+                "symbol" !== typeof propKey$239;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$238,
+                propKey$239,
                 nextProps,
                 propKey
               );
@@ -15647,24 +15659,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$259 in lastProps)
-        (propKey$238 = lastProps[propKey$259]),
-          lastProps.hasOwnProperty(propKey$259) &&
-            null != propKey$238 &&
-            !nextProps.hasOwnProperty(propKey$259) &&
-            setProp(domElement, tag, propKey$259, null, nextProps, propKey$238);
+      for (var propKey$260 in lastProps)
+        (propKey$239 = lastProps[propKey$260]),
+          lastProps.hasOwnProperty(propKey$260) &&
+            null != propKey$239 &&
+            !nextProps.hasOwnProperty(propKey$260) &&
+            setProp(domElement, tag, propKey$260, null, nextProps, propKey$239);
       for (checked in nextProps)
         if (
-          ((propKey$238 = nextProps[checked]),
+          ((propKey$239 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$238 !== propKey &&
-            (null != propKey$238 || null != propKey))
+            propKey$239 !== propKey &&
+            (null != propKey$239 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$238)
+              if (null != propKey$239)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -15672,7 +15684,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$238,
+                propKey$239,
                 nextProps,
                 propKey
               );
@@ -15680,49 +15692,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$264 in lastProps)
-          (propKey$238 = lastProps[propKey$264]),
-            lastProps.hasOwnProperty(propKey$264) &&
-              null != propKey$238 &&
-              !nextProps.hasOwnProperty(propKey$264) &&
+        for (var propKey$265 in lastProps)
+          (propKey$239 = lastProps[propKey$265]),
+            lastProps.hasOwnProperty(propKey$265) &&
+              null != propKey$239 &&
+              !nextProps.hasOwnProperty(propKey$265) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$264,
+                propKey$265,
                 null,
                 nextProps,
-                propKey$238
+                propKey$239
               );
         for (defaultChecked in nextProps)
-          (propKey$238 = nextProps[defaultChecked]),
+          (propKey$239 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$238 === propKey ||
-              (null == propKey$238 && null == propKey) ||
+              propKey$239 === propKey ||
+              (null == propKey$239 && null == propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$238,
+                propKey$239,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$269 in lastProps)
-    (propKey$238 = lastProps[propKey$269]),
-      lastProps.hasOwnProperty(propKey$269) &&
-        null != propKey$238 &&
-        !nextProps.hasOwnProperty(propKey$269) &&
-        setProp(domElement, tag, propKey$269, null, nextProps, propKey$238);
+  for (var propKey$270 in lastProps)
+    (propKey$239 = lastProps[propKey$270]),
+      lastProps.hasOwnProperty(propKey$270) &&
+        null != propKey$239 &&
+        !nextProps.hasOwnProperty(propKey$270) &&
+        setProp(domElement, tag, propKey$270, null, nextProps, propKey$239);
   for (lastProp in nextProps)
-    (propKey$238 = nextProps[lastProp]),
+    (propKey$239 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$238 === propKey ||
-        (null == propKey$238 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$238, nextProps, propKey);
+        propKey$239 === propKey ||
+        (null == propKey$239 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$239, nextProps, propKey);
 }
 function updatePropertiesWithDiff(
   domElement,
@@ -16402,17 +16414,17 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$303 = getResourcesFromRoot(currentProps).hoistableStyles,
-          resource$304 = styles$303.get(type);
-        resource$304 ||
+        var styles$304 = getResourcesFromRoot(currentProps).hoistableStyles,
+          resource$305 = styles$304.get(type);
+        resource$305 ||
           ((currentProps = currentProps.ownerDocument || currentProps),
-          (resource$304 = {
+          (resource$305 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$303.set(type, resource$304),
+          styles$304.set(type, resource$305),
           preloadPropsMap.has(type) ||
             preloadStylesheet(
               currentProps,
@@ -16427,9 +16439,9 @@ function getResource(type, currentProps, pendingProps) {
                 hrefLang: pendingProps.hrefLang,
                 referrerPolicy: pendingProps.referrerPolicy
               },
-              resource$304.state
+              resource$305.state
             ));
-        return resource$304;
+        return resource$305;
       }
       return null;
     case "script":
@@ -16509,36 +16521,36 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$308 = hoistableRoot.querySelector(
+        var instance$309 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$308)
+        if (instance$309)
           return (
-            (resource.instance = instance$308),
-            markNodeAsHoistable(instance$308),
-            instance$308
+            (resource.instance = instance$309),
+            markNodeAsHoistable(instance$309),
+            instance$309
           );
         instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(instance, styleProps);
-        instance$308 = (
+        instance$309 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$308);
-        var linkInstance = instance$308;
+        markNodeAsHoistable(instance$309);
+        var linkInstance = instance$309;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$308, "link", instance);
+        setInitialProperties(instance$309, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$308, props.precedence, hoistableRoot);
-        return (resource.instance = instance$308);
+        insertStylesheet(instance$309, props.precedence, hoistableRoot);
+        return (resource.instance = instance$309);
       case "script":
-        instance$308 = getScriptKey(props.src);
+        instance$309 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            "script[async]" + instance$308
+            "script[async]" + instance$309
           ))
         )
           return (
@@ -16547,7 +16559,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         instance = props;
-        if ((styleProps = preloadPropsMap.get(instance$308)))
+        if ((styleProps = preloadPropsMap.get(instance$309)))
           (instance = assign({}, props)),
             adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -16910,10 +16922,10 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1846 = {
+var devToolsConfig$jscomp$inline_1847 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-modern-80cbc707",
+  version: "18.3.0-www-modern-c038d9d5",
   rendererPackageName: "react-dom"
 };
 (function (internals) {
@@ -16931,10 +16943,10 @@ var devToolsConfig$jscomp$inline_1846 = {
   } catch (err) {}
   return hook.checkDCE ? !0 : !1;
 })({
-  bundleType: devToolsConfig$jscomp$inline_1846.bundleType,
-  version: devToolsConfig$jscomp$inline_1846.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1846.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1846.rendererConfig,
+  bundleType: devToolsConfig$jscomp$inline_1847.bundleType,
+  version: devToolsConfig$jscomp$inline_1847.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1847.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1847.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -16951,14 +16963,14 @@ var devToolsConfig$jscomp$inline_1846 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1846.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1847.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-modern-80cbc707"
+  reconcilerVersion: "18.3.0-www-modern-c038d9d5"
 });
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
 exports.createPortal = function (children, container) {
@@ -17101,7 +17113,7 @@ exports.unstable_createEventHandle = function (type, options) {
   return eventHandle;
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-modern-80cbc707";
+exports.version = "18.3.0-www-modern-c038d9d5";
 
           /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
 if (
diff --git a/compiled/facebook-www/ReactDOMTesting-dev.classic.js b/compiled/facebook-www/ReactDOMTesting-dev.classic.js
index 66532d19e3b7e..1523107c9496e 100644
--- a/compiled/facebook-www/ReactDOMTesting-dev.classic.js
+++ b/compiled/facebook-www/ReactDOMTesting-dev.classic.js
@@ -2372,6 +2372,7 @@ function markRootFinished(root, remainingLanes) {
   root.expiredLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   var entanglements = root.entanglements;
   var expirationTimes = root.expirationTimes;
   var hiddenUpdates = root.hiddenUpdates; // Clear the lanes that no longer have pending work
@@ -9982,6 +9983,32 @@ function trackUsedThenable(thenableState, thenable, index) {
         // happen. Flight lazily parses JSON when the value is actually awaited.
         thenable.then(noop$2, noop$2);
       } else {
+        // This is an uncached thenable that we haven't seen before.
+        // Detect infinite ping loops caused by uncached promises.
+        var root = getWorkInProgressRoot();
+
+        if (root !== null && root.shellSuspendCounter > 100) {
+          // This root has suspended repeatedly in the shell without making any
+          // progress (i.e. committing something). This is highly suggestive of
+          // an infinite ping loop, often caused by an accidental Async Client
+          // Component.
+          //
+          // During a transition, we can suspend the work loop until the promise
+          // to resolve, but this is a sync render, so that's not an option. We
+          // also can't show a fallback, because none was provided. So our last
+          // resort is to throw an error.
+          //
+          // TODO: Remove this error in a future release. Other ways of handling
+          // this case include forcing a concurrent render, or putting the whole
+          // root into offscreen mode.
+          throw new Error(
+            "async/await is not yet supported in Client Components, only " +
+              "Server Components. This error is often caused by accidentally " +
+              "adding `'use client'` to a module that was originally written " +
+              "for the server."
+          );
+        }
+
         var pendingThenable = thenable;
         pendingThenable.status = "pending";
         pendingThenable.then(
@@ -31267,6 +31294,8 @@ function renderRootSync(root, lanes) {
     markRenderStarted(lanes);
   }
 
+  var didSuspendInShell = false;
+
   outer: do {
     try {
       if (
@@ -31294,6 +31323,13 @@ function renderRootSync(root, lanes) {
             break outer;
           }
 
+          case SuspendedOnImmediate:
+          case SuspendedOnData: {
+            if (!didSuspendInShell && getSuspenseHandler() === null) {
+              didSuspendInShell = true;
+            } // Intentional fallthrough
+          }
+
           default: {
             // Unwind then continue with the normal work loop.
             workInProgressSuspendedReason = NotSuspended;
@@ -31309,7 +31345,16 @@ function renderRootSync(root, lanes) {
     } catch (thrownValue) {
       handleThrow(root, thrownValue);
     }
-  } while (true);
+  } while (true); // Check if something suspended in the shell. We use this to detect an
+  // infinite ping loop caused by an uncached promise.
+  //
+  // Only increment this counter once per synchronous render attempt across the
+  // whole tree. Even if there are many sibling components that suspend, this
+  // counter only gets incremented once.
+
+  if (didSuspendInShell) {
+    root.shellSuspendCounter++;
+  }
 
   resetContextDependencies();
   executionContext = prevExecutionContext;
@@ -34460,6 +34505,7 @@ function FiberRootNode(
   this.expiredLanes = NoLanes;
   this.finishedLanes = NoLanes;
   this.errorRecoveryDisabledLanes = NoLanes;
+  this.shellSuspendCounter = 0;
   this.entangledLanes = NoLanes;
   this.entanglements = createLaneMap(NoLanes);
   this.hiddenUpdates = createLaneMap(null);
@@ -34578,7 +34624,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-classic-d420a59b";
+var ReactVersion = "18.3.0-www-classic-f7e77e44";
 
 function createPortal$1(
   children,
diff --git a/compiled/facebook-www/ReactDOMTesting-dev.modern.js b/compiled/facebook-www/ReactDOMTesting-dev.modern.js
index 0afc8f2852140..85045872093b2 100644
--- a/compiled/facebook-www/ReactDOMTesting-dev.modern.js
+++ b/compiled/facebook-www/ReactDOMTesting-dev.modern.js
@@ -1724,6 +1724,7 @@ function markRootFinished(root, remainingLanes) {
   root.expiredLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   var entanglements = root.entanglements;
   var expirationTimes = root.expirationTimes;
   var hiddenUpdates = root.hiddenUpdates; // Clear the lanes that no longer have pending work
@@ -9923,6 +9924,32 @@ function trackUsedThenable(thenableState, thenable, index) {
         // happen. Flight lazily parses JSON when the value is actually awaited.
         thenable.then(noop$2, noop$2);
       } else {
+        // This is an uncached thenable that we haven't seen before.
+        // Detect infinite ping loops caused by uncached promises.
+        var root = getWorkInProgressRoot();
+
+        if (root !== null && root.shellSuspendCounter > 100) {
+          // This root has suspended repeatedly in the shell without making any
+          // progress (i.e. committing something). This is highly suggestive of
+          // an infinite ping loop, often caused by an accidental Async Client
+          // Component.
+          //
+          // During a transition, we can suspend the work loop until the promise
+          // to resolve, but this is a sync render, so that's not an option. We
+          // also can't show a fallback, because none was provided. So our last
+          // resort is to throw an error.
+          //
+          // TODO: Remove this error in a future release. Other ways of handling
+          // this case include forcing a concurrent render, or putting the whole
+          // root into offscreen mode.
+          throw new Error(
+            "async/await is not yet supported in Client Components, only " +
+              "Server Components. This error is often caused by accidentally " +
+              "adding `'use client'` to a module that was originally written " +
+              "for the server."
+          );
+        }
+
         var pendingThenable = thenable;
         pendingThenable.status = "pending";
         pendingThenable.then(
@@ -31117,6 +31144,8 @@ function renderRootSync(root, lanes) {
     markRenderStarted(lanes);
   }
 
+  var didSuspendInShell = false;
+
   outer: do {
     try {
       if (
@@ -31144,6 +31173,13 @@ function renderRootSync(root, lanes) {
             break outer;
           }
 
+          case SuspendedOnImmediate:
+          case SuspendedOnData: {
+            if (!didSuspendInShell && getSuspenseHandler() === null) {
+              didSuspendInShell = true;
+            } // Intentional fallthrough
+          }
+
           default: {
             // Unwind then continue with the normal work loop.
             workInProgressSuspendedReason = NotSuspended;
@@ -31159,7 +31195,16 @@ function renderRootSync(root, lanes) {
     } catch (thrownValue) {
       handleThrow(root, thrownValue);
     }
-  } while (true);
+  } while (true); // Check if something suspended in the shell. We use this to detect an
+  // infinite ping loop caused by an uncached promise.
+  //
+  // Only increment this counter once per synchronous render attempt across the
+  // whole tree. Even if there are many sibling components that suspend, this
+  // counter only gets incremented once.
+
+  if (didSuspendInShell) {
+    root.shellSuspendCounter++;
+  }
 
   resetContextDependencies();
   executionContext = prevExecutionContext;
@@ -34305,6 +34350,7 @@ function FiberRootNode(
   this.expiredLanes = NoLanes;
   this.finishedLanes = NoLanes;
   this.errorRecoveryDisabledLanes = NoLanes;
+  this.shellSuspendCounter = 0;
   this.entangledLanes = NoLanes;
   this.entanglements = createLaneMap(NoLanes);
   this.hiddenUpdates = createLaneMap(null);
@@ -34423,7 +34469,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-modern-aa8ffdfa";
+var ReactVersion = "18.3.0-www-modern-dc748ad1";
 
 function createPortal$1(
   children,
diff --git a/compiled/facebook-www/ReactDOMTesting-prod.classic.js b/compiled/facebook-www/ReactDOMTesting-prod.classic.js
index 915fc02a2595a..e6fb5c497bd1f 100644
--- a/compiled/facebook-www/ReactDOMTesting-prod.classic.js
+++ b/compiled/facebook-www/ReactDOMTesting-prod.classic.js
@@ -608,6 +608,7 @@ function markRootFinished(root, remainingLanes) {
   root.expiredLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   remainingLanes = root.entanglements;
   var expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
@@ -2245,26 +2246,30 @@ function trackUsedThenable(thenableState, thenable, index) {
     case "rejected":
       throw thenable.reason;
     default:
-      "string" === typeof thenable.status
-        ? thenable.then(noop$2, noop$2)
-        : ((thenableState = thenable),
-          (thenableState.status = "pending"),
-          thenableState.then(
-            function (fulfilledValue) {
-              if ("pending" === thenable.status) {
-                var fulfilledThenable = thenable;
-                fulfilledThenable.status = "fulfilled";
-                fulfilledThenable.value = fulfilledValue;
-              }
-            },
-            function (error) {
-              if ("pending" === thenable.status) {
-                var rejectedThenable = thenable;
-                rejectedThenable.status = "rejected";
-                rejectedThenable.reason = error;
-              }
+      if ("string" === typeof thenable.status) thenable.then(noop$2, noop$2);
+      else {
+        thenableState = workInProgressRoot;
+        if (null !== thenableState && 100 < thenableState.shellSuspendCounter)
+          throw Error(formatProdErrorMessage(482));
+        thenableState = thenable;
+        thenableState.status = "pending";
+        thenableState.then(
+          function (fulfilledValue) {
+            if ("pending" === thenable.status) {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = "fulfilled";
+              fulfilledThenable.value = fulfilledValue;
             }
-          ));
+          },
+          function (error) {
+            if ("pending" === thenable.status) {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = "rejected";
+              rejectedThenable.reason = error;
+            }
+          }
+        );
+      }
       switch (thenable.status) {
         case "fulfilled":
           return thenable.value;
@@ -3162,13 +3167,13 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
         null === errors ? (errors = [onlyLegacy]) : errors.push(onlyLegacy);
         break;
       }
-      for (var root$43 = firstScheduledRoot; null !== root$43; ) {
+      for (var root$44 = firstScheduledRoot; null !== root$44; ) {
         if (
-          (!onlyLegacy || 0 === root$43.tag) &&
+          (!onlyLegacy || 0 === root$44.tag) &&
           0 !==
             (getNextLanes(
-              root$43,
-              root$43 === workInProgressRoot$jscomp$0
+              root$44,
+              root$44 === workInProgressRoot$jscomp$0
                 ? workInProgressRootRenderLanes$jscomp$0
                 : 0
             ) &
@@ -3176,7 +3181,7 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
         )
           try {
             didPerformSomeWork = !0;
-            var root = root$43;
+            var root = root$44;
             if (0 !== (executionContext & 6))
               throw Error(formatProdErrorMessage(327));
             flushPassiveEffects();
@@ -3220,7 +3225,7 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
           } catch (error) {
             null === errors ? (errors = [error]) : errors.push(error);
           }
-        root$43 = root$43.next;
+        root$44 = root$44.next;
       }
     } while (didPerformSomeWork);
     isFlushingWork = !1;
@@ -3392,12 +3397,12 @@ function requestAsyncActionContext(actionReturnValue, finishedState) {
   }
   if (null === currentEntangledListeners) return finishedState;
   actionReturnValue = currentEntangledListeners;
-  var resultThenable$46 = createResultThenable(actionReturnValue);
+  var resultThenable$47 = createResultThenable(actionReturnValue);
   actionReturnValue.push(function () {
-    resultThenable$46.status = "fulfilled";
-    resultThenable$46.value = finishedState;
+    resultThenable$47.status = "fulfilled";
+    resultThenable$47.value = finishedState;
   });
-  return resultThenable$46;
+  return resultThenable$47;
 }
 function pingEngtangledActionScope() {
   if (
@@ -3683,7 +3688,7 @@ function updateReducerImpl(hook, current, reducer) {
             update = update.next;
             continue;
           } else {
-            var clone$48 = {
+            var clone$49 = {
               lane: 0,
               revertLane: update.revertLane,
               action: update.action,
@@ -3692,9 +3697,9 @@ function updateReducerImpl(hook, current, reducer) {
               next: null
             };
             null === newBaseQueueLast
-              ? ((newBaseQueueFirst = newBaseQueueLast = clone$48),
+              ? ((newBaseQueueFirst = newBaseQueueLast = clone$49),
                 (baseFirst = pendingQueue))
-              : (newBaseQueueLast = newBaseQueueLast.next = clone$48);
+              : (newBaseQueueLast = newBaseQueueLast.next = clone$49);
             currentlyRenderingFiber$1.lanes |= updateLane;
             workInProgressRootSkippedLanes |= updateLane;
           }
@@ -3716,7 +3721,7 @@ function updateReducerImpl(hook, current, reducer) {
           ? update.eagerState
           : reducer(pendingQueue, updateLane);
       } else
-        (clone$48 = {
+        (clone$49 = {
           lane: updateLane,
           revertLane: update.revertLane,
           action: update.action,
@@ -3725,9 +3730,9 @@ function updateReducerImpl(hook, current, reducer) {
           next: null
         }),
           null === newBaseQueueLast
-            ? ((newBaseQueueFirst = newBaseQueueLast = clone$48),
+            ? ((newBaseQueueFirst = newBaseQueueLast = clone$49),
               (baseFirst = pendingQueue))
-            : (newBaseQueueLast = newBaseQueueLast.next = clone$48),
+            : (newBaseQueueLast = newBaseQueueLast.next = clone$49),
           (currentlyRenderingFiber$1.lanes |= updateLane),
           (workInProgressRootSkippedLanes |= updateLane);
       update = update.next;
@@ -4077,14 +4082,14 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$53 = enqueueUpdate(provider, fiber, lane);
-        null !== root$53 &&
-          (scheduleUpdateOnFiber(root$53, provider, lane),
-          entangleTransitions(root$53, provider, lane));
+        var root$54 = enqueueUpdate(provider, fiber, lane);
+        null !== root$54 &&
+          (scheduleUpdateOnFiber(root$54, provider, lane),
+          entangleTransitions(root$54, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$53 &&
+          null !== root$54 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -4312,15 +4317,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$49 = workInProgressRoot;
-      if (null === root$49) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$49, renderLanes$1) ||
+      var root$50 = workInProgressRoot;
+      if (null === root$50) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$50, renderLanes$1) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$49 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$49;
-    mountEffect(subscribeToStore.bind(null, fiber, root$49, subscribe), [
+    root$50 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$50;
+    mountEffect(subscribeToStore.bind(null, fiber, root$50, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -4329,7 +4334,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$49,
+        root$50,
         getServerSnapshot,
         getSnapshot
       ),
@@ -4837,10 +4842,10 @@ var markerInstanceStack = createCursor(null);
 function pushRootMarkerInstance(workInProgress) {
   if (enableTransitionTracing) {
     var transitions = workInProgressTransitions,
-      root$63 = workInProgress.stateNode;
+      root$64 = workInProgress.stateNode;
     null !== transitions &&
       transitions.forEach(function (transition) {
-        if (!root$63.incompleteTransitions.has(transition)) {
+        if (!root$64.incompleteTransitions.has(transition)) {
           var markerInstance = {
             tag: 0,
             transitions: new Set([transition]),
@@ -4848,11 +4853,11 @@ function pushRootMarkerInstance(workInProgress) {
             aborts: null,
             name: null
           };
-          root$63.incompleteTransitions.set(transition, markerInstance);
+          root$64.incompleteTransitions.set(transition, markerInstance);
         }
       });
     var markerInstances = [];
-    root$63.incompleteTransitions.forEach(function (markerInstance) {
+    root$64.incompleteTransitions.forEach(function (markerInstance) {
       markerInstances.push(markerInstance);
     });
     push(markerInstanceStack, markerInstances);
@@ -5544,14 +5549,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
   }
   JSCompiler_temp = current.memoizedState;
   if (null !== JSCompiler_temp) {
-    var dehydrated$70 = JSCompiler_temp.dehydrated;
-    if (null !== dehydrated$70)
+    var dehydrated$71 = JSCompiler_temp.dehydrated;
+    if (null !== dehydrated$71)
       return updateDehydratedSuspenseComponent(
         current,
         workInProgress,
         didSuspend,
         nextProps,
-        dehydrated$70,
+        dehydrated$71,
         JSCompiler_temp,
         renderLanes
       );
@@ -5561,7 +5566,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
     JSCompiler_temp = current.child;
-    dehydrated$70 = JSCompiler_temp.sibling;
+    dehydrated$71 = JSCompiler_temp.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
     0 === (didSuspend & 1) && workInProgress.child !== JSCompiler_temp
       ? ((nextProps = workInProgress.child),
@@ -5570,8 +5575,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         (workInProgress.deletions = null))
       : ((nextProps = createWorkInProgress(JSCompiler_temp, primaryChildProps)),
         (nextProps.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280));
-    null !== dehydrated$70
-      ? (showFallback = createWorkInProgress(dehydrated$70, showFallback))
+    null !== dehydrated$71
+      ? (showFallback = createWorkInProgress(dehydrated$71, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -5590,10 +5595,10 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       ? (didSuspend = mountSuspenseOffscreenState(renderLanes))
       : ((JSCompiler_temp = didSuspend.cachePool),
         null !== JSCompiler_temp
-          ? ((dehydrated$70 = CacheContext._currentValue),
+          ? ((dehydrated$71 = CacheContext._currentValue),
             (JSCompiler_temp =
-              JSCompiler_temp.parent !== dehydrated$70
-                ? { parent: dehydrated$70, pool: dehydrated$70 }
+              JSCompiler_temp.parent !== dehydrated$71
+                ? { parent: dehydrated$71, pool: dehydrated$71 }
                 : JSCompiler_temp))
           : (JSCompiler_temp = getSuspendedCache()),
         (didSuspend = {
@@ -5607,23 +5612,23 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         ((JSCompiler_temp = enableTransitionTracing
           ? markerInstanceStack.current
           : null),
-        (dehydrated$70 = showFallback.updateQueue),
+        (dehydrated$71 = showFallback.updateQueue),
         (primaryChildProps = current.updateQueue),
-        null === dehydrated$70
+        null === dehydrated$71
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue: null
             })
-          : dehydrated$70 === primaryChildProps
+          : dehydrated$71 === primaryChildProps
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue:
                 null !== primaryChildProps ? primaryChildProps.retryQueue : null
             })
-          : ((dehydrated$70.transitions = didSuspend),
-            (dehydrated$70.markerInstances = JSCompiler_temp))));
+          : ((dehydrated$71.transitions = didSuspend),
+            (dehydrated$71.markerInstances = JSCompiler_temp))));
     showFallback.childLanes = current.childLanes & ~renderLanes;
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
@@ -6690,14 +6695,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         break;
       case "collapsed":
         lastTailNode = renderState.tail;
-        for (var lastTailNode$101 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$101 = lastTailNode),
+        for (var lastTailNode$102 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$102 = lastTailNode),
             (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$101
+        null === lastTailNode$102
           ? hasRenderedATailFallback || null === renderState.tail
             ? (renderState.tail = null)
             : (renderState.tail.sibling = null)
-          : (lastTailNode$101.sibling = null);
+          : (lastTailNode$102.sibling = null);
     }
 }
 function bubbleProperties(completedWork) {
@@ -6707,19 +6712,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$102 = completedWork.child; null !== child$102; )
-      (newChildLanes |= child$102.lanes | child$102.childLanes),
-        (subtreeFlags |= child$102.subtreeFlags & 31457280),
-        (subtreeFlags |= child$102.flags & 31457280),
-        (child$102.return = completedWork),
-        (child$102 = child$102.sibling);
+    for (var child$103 = completedWork.child; null !== child$103; )
+      (newChildLanes |= child$103.lanes | child$103.childLanes),
+        (subtreeFlags |= child$103.subtreeFlags & 31457280),
+        (subtreeFlags |= child$103.flags & 31457280),
+        (child$103.return = completedWork),
+        (child$103 = child$103.sibling);
   else
-    for (child$102 = completedWork.child; null !== child$102; )
-      (newChildLanes |= child$102.lanes | child$102.childLanes),
-        (subtreeFlags |= child$102.subtreeFlags),
-        (subtreeFlags |= child$102.flags),
-        (child$102.return = completedWork),
-        (child$102 = child$102.sibling);
+    for (child$103 = completedWork.child; null !== child$103; )
+      (newChildLanes |= child$103.lanes | child$103.childLanes),
+        (subtreeFlags |= child$103.subtreeFlags),
+        (subtreeFlags |= child$103.flags),
+        (child$103.return = completedWork),
+        (child$103 = child$103.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -7471,8 +7476,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$133) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$133);
+      } catch (error$134) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$134);
       }
     else ref.current = null;
 }
@@ -7509,7 +7514,7 @@ function commitBeforeMutationEffects(root, firstChild) {
           selection = selection.focusOffset;
           try {
             JSCompiler_temp.nodeType, focusNode.nodeType;
-          } catch (e$187) {
+          } catch (e$188) {
             JSCompiler_temp = null;
             break a;
           }
@@ -7775,11 +7780,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$135) {
+          } catch (error$136) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$135
+              error$136
             );
           }
         }
@@ -8459,8 +8464,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$148) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$148);
+        } catch (error$149) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$149);
         }
       }
       break;
@@ -8642,11 +8647,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                   newProps
                 );
             domElement[internalPropsKey] = newProps;
-          } catch (error$149) {
+          } catch (error$150) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$149
+              error$150
             );
           }
       break;
@@ -8683,8 +8688,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$150) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$150);
+        } catch (error$151) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$151);
         }
       }
       if (
@@ -8709,8 +8714,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 root
               ),
             (flags[internalPropsKey] = root);
-        } catch (error$153) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$153);
+        } catch (error$154) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$154);
         }
       break;
     case 6:
@@ -8723,8 +8728,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$154) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$154);
+        } catch (error$155) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$155);
         }
       }
       break;
@@ -8738,8 +8743,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$155) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$155);
+        } catch (error$156) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$156);
         }
       break;
     case 4:
@@ -8769,8 +8774,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$157) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$157);
+        } catch (error$158) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$158);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -8848,11 +8853,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$138) {
+              } catch (error$139) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$138
+                  error$139
                 );
               }
           } else if (
@@ -8927,21 +8932,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$139 = JSCompiler_inline_result.stateNode;
+            var parent$140 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$139, ""),
+              (setTextContent(parent$140, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$140 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$140, parent$139);
+            var before$141 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$141, parent$140);
             break;
           case 3:
           case 4:
-            var parent$141 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$142 = getHostSibling(finishedWork);
+            var parent$142 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$143 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$142,
-              parent$141
+              before$143,
+              parent$142
             );
             break;
           default:
@@ -9411,9 +9416,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$164 = finishedWork.stateNode;
+        var instance$165 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$164._visibility & 4
+          ? instance$165._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9426,7 +9431,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$164._visibility |= 4),
+            : ((instance$165._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9434,7 +9439,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$164._visibility |= 4),
+          : ((instance$165._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -9447,7 +9452,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$164
+            instance$165
           );
         break;
       case 24:
@@ -10163,16 +10168,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$174 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$175 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$174 &&
-            ((lanes = errorRetryLanes$174),
+          0 !== errorRetryLanes$175 &&
+            ((lanes = errorRetryLanes$175),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$174
+              errorRetryLanes$175
             )));
         }
         if (1 === exitStatus)
@@ -10506,28 +10511,35 @@ function renderRootSync(root, lanes) {
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
     (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
       prepareFreshStack(root, lanes);
+  lanes = !1;
   a: do
     try {
       if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
-        lanes = workInProgress;
-        var thrownValue = workInProgressThrownValue;
+        var unitOfWork = workInProgress,
+          thrownValue = workInProgressThrownValue;
         switch (workInProgressSuspendedReason) {
           case 8:
             resetWorkInProgressStack();
             workInProgressRootExitStatus = 6;
             break a;
+          case 3:
+          case 2:
+            lanes ||
+              null !== suspenseHandlerStackCursor.current ||
+              (lanes = !0);
           default:
             (workInProgressSuspendedReason = 0),
               (workInProgressThrownValue = null),
-              throwAndUnwindWorkLoop(lanes, thrownValue);
+              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
         }
       }
       workLoopSync();
       break;
-    } catch (thrownValue$176) {
-      handleThrow(root, thrownValue$176);
+    } catch (thrownValue$177) {
+      handleThrow(root, thrownValue$177);
     }
   while (1);
+  lanes && root.shellSuspendCounter++;
   resetContextDependencies();
   executionContext = prevExecutionContext;
   ReactCurrentDispatcher.current = prevDispatcher;
@@ -10629,8 +10641,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$178) {
-      handleThrow(root, thrownValue$178);
+    } catch (thrownValue$179) {
+      handleThrow(root, thrownValue$179);
     }
   while (1);
   resetContextDependencies();
@@ -10797,10 +10809,10 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$58 = offscreenQueue.retryQueue;
-                      null === retryQueue$58
+                      var retryQueue$59 = offscreenQueue.retryQueue;
+                      null === retryQueue$59
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$58.add(wakeable);
+                        : retryQueue$59.add(wakeable);
                     }
                   }
                   break;
@@ -10992,12 +11004,12 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner.current = null;
-    var shouldFireAfterActiveInstanceBlur$182 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$183 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
     commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$182 &&
+    shouldFireAfterActiveInstanceBlur$183 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -11078,7 +11090,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$183 = rootWithPendingPassiveEffects,
+    var root$184 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -11094,7 +11106,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$1.transition = prevTransition),
-        releaseRootPooledCache(root$183, remainingLanes);
+        releaseRootPooledCache(root$184, remainingLanes);
     }
   }
   return !1;
@@ -12191,6 +12203,7 @@ function FiberRootNode(
   this.callbackPriority = 0;
   this.expirationTimes = createLaneMap(-1);
   this.entangledLanes =
+    this.shellSuspendCounter =
     this.errorRecoveryDisabledLanes =
     this.finishedLanes =
     this.expiredLanes =
@@ -12374,12 +12387,12 @@ function getPublicRootInstance(container) {
 function attemptSynchronousHydration(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$185 = fiber.stateNode;
-      if (root$185.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$185.pendingLanes);
+      var root$186 = fiber.stateNode;
+      if (root$186.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$186.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$185, lanes | 2),
-          ensureRootIsScheduled(root$185),
+          (markRootEntangled(root$186, lanes | 2),
+          ensureRootIsScheduled(root$186),
           0 === (executionContext & 6) &&
             ((workInProgressRootRenderTargetTime = now() + 500),
             flushSyncWorkAcrossRoots_impl(!1)));
@@ -12945,19 +12958,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$371;
+  var JSCompiler_inline_result$jscomp$372;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1583 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1583) {
-      var element$jscomp$inline_1584 = document.createElement("div");
-      element$jscomp$inline_1584.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1583 =
-        "function" === typeof element$jscomp$inline_1584.oninput;
+    var isSupported$jscomp$inline_1584 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1584) {
+      var element$jscomp$inline_1585 = document.createElement("div");
+      element$jscomp$inline_1585.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1584 =
+        "function" === typeof element$jscomp$inline_1585.oninput;
     }
-    JSCompiler_inline_result$jscomp$371 = isSupported$jscomp$inline_1583;
-  } else JSCompiler_inline_result$jscomp$371 = !1;
+    JSCompiler_inline_result$jscomp$372 = isSupported$jscomp$inline_1584;
+  } else JSCompiler_inline_result$jscomp$372 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$371 &&
+    JSCompiler_inline_result$jscomp$372 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -13266,20 +13279,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1624 = 0;
-  i$jscomp$inline_1624 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1624++
+  var i$jscomp$inline_1625 = 0;
+  i$jscomp$inline_1625 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1625++
 ) {
-  var eventName$jscomp$inline_1625 =
-      simpleEventPluginEvents[i$jscomp$inline_1624],
-    domEventName$jscomp$inline_1626 =
-      eventName$jscomp$inline_1625.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1627 =
-      eventName$jscomp$inline_1625[0].toUpperCase() +
-      eventName$jscomp$inline_1625.slice(1);
+  var eventName$jscomp$inline_1626 =
+      simpleEventPluginEvents[i$jscomp$inline_1625],
+    domEventName$jscomp$inline_1627 =
+      eventName$jscomp$inline_1626.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1628 =
+      eventName$jscomp$inline_1626[0].toUpperCase() +
+      eventName$jscomp$inline_1626.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1626,
-    "on" + capitalizedEvent$jscomp$inline_1627
+    domEventName$jscomp$inline_1627,
+    "on" + capitalizedEvent$jscomp$inline_1628
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -14695,14 +14708,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$214 in nextProps) {
-        var propKey = nextProps[propKey$214];
-        lastProp = lastProps[propKey$214];
+      for (var propKey$215 in nextProps) {
+        var propKey = nextProps[propKey$215];
+        lastProp = lastProps[propKey$215];
         if (
-          nextProps.hasOwnProperty(propKey$214) &&
+          nextProps.hasOwnProperty(propKey$215) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$214) {
+          switch (propKey$215) {
             case "type":
               type = propKey;
               break;
@@ -14731,7 +14744,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$214,
+                  propKey$215,
                   propKey,
                   nextProps,
                   lastProp
@@ -14750,7 +14763,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       );
       return;
     case "select":
-      defaultValue = value = propKey = propKey$214 = null;
+      defaultValue = value = propKey = propKey$215 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -14781,7 +14794,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$214 = type;
+              propKey$215 = type;
               break;
             case "defaultValue":
               propKey = type;
@@ -14799,10 +14812,10 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                   lastDefaultValue
                 );
           }
-      updateSelect(domElement, propKey$214, propKey, value, defaultValue);
+      updateSelect(domElement, propKey$215, propKey, value, defaultValue);
       return;
     case "textarea":
-      propKey = propKey$214 = null;
+      propKey = propKey$215 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -14826,7 +14839,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$214 = name;
+              propKey$215 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -14840,17 +14853,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$214, propKey);
+      updateTextarea(domElement, propKey$215, propKey);
       return;
     case "option":
-      for (var propKey$230 in lastProps)
+      for (var propKey$231 in lastProps)
         if (
-          ((propKey$214 = lastProps[propKey$230]),
-          lastProps.hasOwnProperty(propKey$230) &&
-            null != propKey$214 &&
-            !nextProps.hasOwnProperty(propKey$230))
+          ((propKey$215 = lastProps[propKey$231]),
+          lastProps.hasOwnProperty(propKey$231) &&
+            null != propKey$215 &&
+            !nextProps.hasOwnProperty(propKey$231))
         )
-          switch (propKey$230) {
+          switch (propKey$231) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -14858,33 +14871,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$230,
+                propKey$231,
                 null,
                 nextProps,
-                propKey$214
+                propKey$215
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$214 = nextProps[lastDefaultValue]),
+          ((propKey$215 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$214 !== propKey &&
-            (null != propKey$214 || null != propKey))
+            propKey$215 !== propKey &&
+            (null != propKey$215 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$214 &&
-                "function" !== typeof propKey$214 &&
-                "symbol" !== typeof propKey$214;
+                propKey$215 &&
+                "function" !== typeof propKey$215 &&
+                "symbol" !== typeof propKey$215;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$214,
+                propKey$215,
                 nextProps,
                 propKey
               );
@@ -14905,24 +14918,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$235 in lastProps)
-        (propKey$214 = lastProps[propKey$235]),
-          lastProps.hasOwnProperty(propKey$235) &&
-            null != propKey$214 &&
-            !nextProps.hasOwnProperty(propKey$235) &&
-            setProp(domElement, tag, propKey$235, null, nextProps, propKey$214);
+      for (var propKey$236 in lastProps)
+        (propKey$215 = lastProps[propKey$236]),
+          lastProps.hasOwnProperty(propKey$236) &&
+            null != propKey$215 &&
+            !nextProps.hasOwnProperty(propKey$236) &&
+            setProp(domElement, tag, propKey$236, null, nextProps, propKey$215);
       for (checked in nextProps)
         if (
-          ((propKey$214 = nextProps[checked]),
+          ((propKey$215 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$214 !== propKey &&
-            (null != propKey$214 || null != propKey))
+            propKey$215 !== propKey &&
+            (null != propKey$215 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$214)
+              if (null != propKey$215)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -14930,7 +14943,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$214,
+                propKey$215,
                 nextProps,
                 propKey
               );
@@ -14938,49 +14951,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$240 in lastProps)
-          (propKey$214 = lastProps[propKey$240]),
-            lastProps.hasOwnProperty(propKey$240) &&
-              null != propKey$214 &&
-              !nextProps.hasOwnProperty(propKey$240) &&
+        for (var propKey$241 in lastProps)
+          (propKey$215 = lastProps[propKey$241]),
+            lastProps.hasOwnProperty(propKey$241) &&
+              null != propKey$215 &&
+              !nextProps.hasOwnProperty(propKey$241) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$240,
+                propKey$241,
                 null,
                 nextProps,
-                propKey$214
+                propKey$215
               );
         for (defaultChecked in nextProps)
-          (propKey$214 = nextProps[defaultChecked]),
+          (propKey$215 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$214 === propKey ||
-              (null == propKey$214 && null == propKey) ||
+              propKey$215 === propKey ||
+              (null == propKey$215 && null == propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$214,
+                propKey$215,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$245 in lastProps)
-    (propKey$214 = lastProps[propKey$245]),
-      lastProps.hasOwnProperty(propKey$245) &&
-        null != propKey$214 &&
-        !nextProps.hasOwnProperty(propKey$245) &&
-        setProp(domElement, tag, propKey$245, null, nextProps, propKey$214);
+  for (var propKey$246 in lastProps)
+    (propKey$215 = lastProps[propKey$246]),
+      lastProps.hasOwnProperty(propKey$246) &&
+        null != propKey$215 &&
+        !nextProps.hasOwnProperty(propKey$246) &&
+        setProp(domElement, tag, propKey$246, null, nextProps, propKey$215);
   for (lastProp in nextProps)
-    (propKey$214 = nextProps[lastProp]),
+    (propKey$215 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$214 === propKey ||
-        (null == propKey$214 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$214, nextProps, propKey);
+        propKey$215 === propKey ||
+        (null == propKey$215 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$215, nextProps, propKey);
 }
 function updatePropertiesWithDiff(
   domElement,
@@ -15731,17 +15744,17 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$279 = getResourcesFromRoot(currentProps).hoistableStyles,
-          resource$280 = styles$279.get(type);
-        resource$280 ||
+        var styles$280 = getResourcesFromRoot(currentProps).hoistableStyles,
+          resource$281 = styles$280.get(type);
+        resource$281 ||
           ((currentProps = currentProps.ownerDocument || currentProps),
-          (resource$280 = {
+          (resource$281 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$279.set(type, resource$280),
+          styles$280.set(type, resource$281),
           preloadPropsMap.has(type) ||
             preloadStylesheet(
               currentProps,
@@ -15756,9 +15769,9 @@ function getResource(type, currentProps, pendingProps) {
                 hrefLang: pendingProps.hrefLang,
                 referrerPolicy: pendingProps.referrerPolicy
               },
-              resource$280.state
+              resource$281.state
             ));
-        return resource$280;
+        return resource$281;
       }
       return null;
     case "script":
@@ -15838,36 +15851,36 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$284 = hoistableRoot.querySelector(
+        var instance$285 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$284)
+        if (instance$285)
           return (
-            (resource.instance = instance$284),
-            markNodeAsHoistable(instance$284),
-            instance$284
+            (resource.instance = instance$285),
+            markNodeAsHoistable(instance$285),
+            instance$285
           );
         instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(instance, styleProps);
-        instance$284 = (
+        instance$285 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$284);
-        var linkInstance = instance$284;
+        markNodeAsHoistable(instance$285);
+        var linkInstance = instance$285;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$284, "link", instance);
+        setInitialProperties(instance$285, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$284, props.precedence, hoistableRoot);
-        return (resource.instance = instance$284);
+        insertStylesheet(instance$285, props.precedence, hoistableRoot);
+        return (resource.instance = instance$285);
       case "script":
-        instance$284 = getScriptKey(props.src);
+        instance$285 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            "script[async]" + instance$284
+            "script[async]" + instance$285
           ))
         )
           return (
@@ -15876,7 +15889,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         instance = props;
-        if ((styleProps = preloadPropsMap.get(instance$284)))
+        if ((styleProps = preloadPropsMap.get(instance$285)))
           (instance = assign({}, props)),
             adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -16828,11 +16841,11 @@ function legacyCreateRootFromDOMContainer(
     if ("function" === typeof callback) {
       var originalCallback = callback;
       callback = function () {
-        var instance = getPublicRootInstance(root$304);
+        var instance = getPublicRootInstance(root$305);
         originalCallback.call(instance);
       };
     }
-    var root$304 = createHydrationContainer(
+    var root$305 = createHydrationContainer(
       initialChildren,
       callback,
       container,
@@ -16844,23 +16857,23 @@ function legacyCreateRootFromDOMContainer(
       noopOnRecoverableError,
       null
     );
-    container._reactRootContainer = root$304;
-    container[internalContainerInstanceKey] = root$304.current;
+    container._reactRootContainer = root$305;
+    container[internalContainerInstanceKey] = root$305.current;
     listenToAllSupportedEvents(
       8 === container.nodeType ? container.parentNode : container
     );
     flushSync$1();
-    return root$304;
+    return root$305;
   }
   clearContainer(container);
   if ("function" === typeof callback) {
-    var originalCallback$305 = callback;
+    var originalCallback$306 = callback;
     callback = function () {
-      var instance = getPublicRootInstance(root$306);
-      originalCallback$305.call(instance);
+      var instance = getPublicRootInstance(root$307);
+      originalCallback$306.call(instance);
     };
   }
-  var root$306 = createFiberRoot(
+  var root$307 = createFiberRoot(
     container,
     0,
     !1,
@@ -16872,15 +16885,15 @@ function legacyCreateRootFromDOMContainer(
     noopOnRecoverableError,
     null
   );
-  container._reactRootContainer = root$306;
-  container[internalContainerInstanceKey] = root$306.current;
+  container._reactRootContainer = root$307;
+  container[internalContainerInstanceKey] = root$307.current;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
   flushSync$1(function () {
-    updateContainer(initialChildren, root$306, parentComponent, callback);
+    updateContainer(initialChildren, root$307, parentComponent, callback);
   });
-  return root$306;
+  return root$307;
 }
 function legacyRenderSubtreeIntoContainer(
   parentComponent,
@@ -16940,17 +16953,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1831 = {
+var devToolsConfig$jscomp$inline_1832 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-classic-56a7c34e",
+  version: "18.3.0-www-classic-87e6ab39",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2198 = {
-  bundleType: devToolsConfig$jscomp$inline_1831.bundleType,
-  version: devToolsConfig$jscomp$inline_1831.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1831.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1831.rendererConfig,
+var internals$jscomp$inline_2199 = {
+  bundleType: devToolsConfig$jscomp$inline_1832.bundleType,
+  version: devToolsConfig$jscomp$inline_1832.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1832.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1832.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -16966,26 +16979,26 @@ var internals$jscomp$inline_2198 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1831.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1832.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-classic-56a7c34e"
+  reconcilerVersion: "18.3.0-www-classic-87e6ab39"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2199 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2200 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2199.isDisabled &&
-    hook$jscomp$inline_2199.supportsFiber
+    !hook$jscomp$inline_2200.isDisabled &&
+    hook$jscomp$inline_2200.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2199.inject(
-        internals$jscomp$inline_2198
+      (rendererID = hook$jscomp$inline_2200.inject(
+        internals$jscomp$inline_2199
       )),
-        (injectedHook = hook$jscomp$inline_2199);
+        (injectedHook = hook$jscomp$inline_2200);
     } catch (err) {}
 }
 assign(Internals, {
@@ -17352,4 +17365,4 @@ exports.unstable_renderSubtreeIntoContainer = function (
   );
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-classic-56a7c34e";
+exports.version = "18.3.0-www-classic-87e6ab39";
diff --git a/compiled/facebook-www/ReactDOMTesting-prod.modern.js b/compiled/facebook-www/ReactDOMTesting-prod.modern.js
index 3f74ebb2087d9..64f2b087422e9 100644
--- a/compiled/facebook-www/ReactDOMTesting-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMTesting-prod.modern.js
@@ -366,6 +366,7 @@ function markRootFinished(root, remainingLanes) {
   root.expiredLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   remainingLanes = root.entanglements;
   var expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
@@ -2193,26 +2194,30 @@ function trackUsedThenable(thenableState, thenable, index) {
     case "rejected":
       throw thenable.reason;
     default:
-      "string" === typeof thenable.status
-        ? thenable.then(noop$2, noop$2)
-        : ((thenableState = thenable),
-          (thenableState.status = "pending"),
-          thenableState.then(
-            function (fulfilledValue) {
-              if ("pending" === thenable.status) {
-                var fulfilledThenable = thenable;
-                fulfilledThenable.status = "fulfilled";
-                fulfilledThenable.value = fulfilledValue;
-              }
-            },
-            function (error) {
-              if ("pending" === thenable.status) {
-                var rejectedThenable = thenable;
-                rejectedThenable.status = "rejected";
-                rejectedThenable.reason = error;
-              }
+      if ("string" === typeof thenable.status) thenable.then(noop$2, noop$2);
+      else {
+        thenableState = workInProgressRoot;
+        if (null !== thenableState && 100 < thenableState.shellSuspendCounter)
+          throw Error(formatProdErrorMessage(482));
+        thenableState = thenable;
+        thenableState.status = "pending";
+        thenableState.then(
+          function (fulfilledValue) {
+            if ("pending" === thenable.status) {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = "fulfilled";
+              fulfilledThenable.value = fulfilledValue;
             }
-          ));
+          },
+          function (error) {
+            if ("pending" === thenable.status) {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = "rejected";
+              rejectedThenable.reason = error;
+            }
+          }
+        );
+      }
       switch (thenable.status) {
         case "fulfilled":
           return thenable.value;
@@ -3110,13 +3115,13 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
         null === errors ? (errors = [onlyLegacy]) : errors.push(onlyLegacy);
         break;
       }
-      for (var root$43 = firstScheduledRoot; null !== root$43; ) {
+      for (var root$44 = firstScheduledRoot; null !== root$44; ) {
         if (
-          (!onlyLegacy || 0 === root$43.tag) &&
+          (!onlyLegacy || 0 === root$44.tag) &&
           0 !==
             (getNextLanes(
-              root$43,
-              root$43 === workInProgressRoot$jscomp$0
+              root$44,
+              root$44 === workInProgressRoot$jscomp$0
                 ? workInProgressRootRenderLanes$jscomp$0
                 : 0
             ) &
@@ -3124,7 +3129,7 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
         )
           try {
             didPerformSomeWork = !0;
-            var root = root$43;
+            var root = root$44;
             if (0 !== (executionContext & 6))
               throw Error(formatProdErrorMessage(327));
             flushPassiveEffects();
@@ -3168,7 +3173,7 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
           } catch (error) {
             null === errors ? (errors = [error]) : errors.push(error);
           }
-        root$43 = root$43.next;
+        root$44 = root$44.next;
       }
     } while (didPerformSomeWork);
     isFlushingWork = !1;
@@ -3340,12 +3345,12 @@ function requestAsyncActionContext(actionReturnValue, finishedState) {
   }
   if (null === currentEntangledListeners) return finishedState;
   actionReturnValue = currentEntangledListeners;
-  var resultThenable$46 = createResultThenable(actionReturnValue);
+  var resultThenable$47 = createResultThenable(actionReturnValue);
   actionReturnValue.push(function () {
-    resultThenable$46.status = "fulfilled";
-    resultThenable$46.value = finishedState;
+    resultThenable$47.status = "fulfilled";
+    resultThenable$47.value = finishedState;
   });
-  return resultThenable$46;
+  return resultThenable$47;
 }
 function pingEngtangledActionScope() {
   if (
@@ -3631,7 +3636,7 @@ function updateReducerImpl(hook, current, reducer) {
             update = update.next;
             continue;
           } else {
-            var clone$48 = {
+            var clone$49 = {
               lane: 0,
               revertLane: update.revertLane,
               action: update.action,
@@ -3640,9 +3645,9 @@ function updateReducerImpl(hook, current, reducer) {
               next: null
             };
             null === newBaseQueueLast
-              ? ((newBaseQueueFirst = newBaseQueueLast = clone$48),
+              ? ((newBaseQueueFirst = newBaseQueueLast = clone$49),
                 (baseFirst = pendingQueue))
-              : (newBaseQueueLast = newBaseQueueLast.next = clone$48);
+              : (newBaseQueueLast = newBaseQueueLast.next = clone$49);
             currentlyRenderingFiber$1.lanes |= updateLane;
             workInProgressRootSkippedLanes |= updateLane;
           }
@@ -3664,7 +3669,7 @@ function updateReducerImpl(hook, current, reducer) {
           ? update.eagerState
           : reducer(pendingQueue, updateLane);
       } else
-        (clone$48 = {
+        (clone$49 = {
           lane: updateLane,
           revertLane: update.revertLane,
           action: update.action,
@@ -3673,9 +3678,9 @@ function updateReducerImpl(hook, current, reducer) {
           next: null
         }),
           null === newBaseQueueLast
-            ? ((newBaseQueueFirst = newBaseQueueLast = clone$48),
+            ? ((newBaseQueueFirst = newBaseQueueLast = clone$49),
               (baseFirst = pendingQueue))
-            : (newBaseQueueLast = newBaseQueueLast.next = clone$48),
+            : (newBaseQueueLast = newBaseQueueLast.next = clone$49),
           (currentlyRenderingFiber$1.lanes |= updateLane),
           (workInProgressRootSkippedLanes |= updateLane);
       update = update.next;
@@ -4025,14 +4030,14 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$53 = enqueueUpdate(provider, fiber, lane);
-        null !== root$53 &&
-          (scheduleUpdateOnFiber(root$53, provider, lane),
-          entangleTransitions(root$53, provider, lane));
+        var root$54 = enqueueUpdate(provider, fiber, lane);
+        null !== root$54 &&
+          (scheduleUpdateOnFiber(root$54, provider, lane),
+          entangleTransitions(root$54, provider, lane));
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$53 &&
+          null !== root$54 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -4260,15 +4265,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$49 = workInProgressRoot;
-      if (null === root$49) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$49, renderLanes$1) ||
+      var root$50 = workInProgressRoot;
+      if (null === root$50) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$50, renderLanes$1) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$49 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$49;
-    mountEffect(subscribeToStore.bind(null, fiber, root$49, subscribe), [
+    root$50 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$50;
+    mountEffect(subscribeToStore.bind(null, fiber, root$50, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -4277,7 +4282,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$49,
+        root$50,
         getServerSnapshot,
         getSnapshot
       ),
@@ -4770,10 +4775,10 @@ var markerInstanceStack = createCursor(null);
 function pushRootMarkerInstance(workInProgress) {
   if (enableTransitionTracing) {
     var transitions = workInProgressTransitions,
-      root$63 = workInProgress.stateNode;
+      root$64 = workInProgress.stateNode;
     null !== transitions &&
       transitions.forEach(function (transition) {
-        if (!root$63.incompleteTransitions.has(transition)) {
+        if (!root$64.incompleteTransitions.has(transition)) {
           var markerInstance = {
             tag: 0,
             transitions: new Set([transition]),
@@ -4781,11 +4786,11 @@ function pushRootMarkerInstance(workInProgress) {
             aborts: null,
             name: null
           };
-          root$63.incompleteTransitions.set(transition, markerInstance);
+          root$64.incompleteTransitions.set(transition, markerInstance);
         }
       });
     var markerInstances = [];
-    root$63.incompleteTransitions.forEach(function (markerInstance) {
+    root$64.incompleteTransitions.forEach(function (markerInstance) {
       markerInstances.push(markerInstance);
     });
     push(markerInstanceStack, markerInstances);
@@ -5445,14 +5450,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
   }
   JSCompiler_temp = current.memoizedState;
   if (null !== JSCompiler_temp) {
-    var dehydrated$70 = JSCompiler_temp.dehydrated;
-    if (null !== dehydrated$70)
+    var dehydrated$71 = JSCompiler_temp.dehydrated;
+    if (null !== dehydrated$71)
       return updateDehydratedSuspenseComponent(
         current,
         workInProgress,
         didSuspend,
         nextProps,
-        dehydrated$70,
+        dehydrated$71,
         JSCompiler_temp,
         renderLanes
       );
@@ -5462,7 +5467,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
     JSCompiler_temp = current.child;
-    dehydrated$70 = JSCompiler_temp.sibling;
+    dehydrated$71 = JSCompiler_temp.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
     0 === (didSuspend & 1) && workInProgress.child !== JSCompiler_temp
       ? ((nextProps = workInProgress.child),
@@ -5471,8 +5476,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         (workInProgress.deletions = null))
       : ((nextProps = createWorkInProgress(JSCompiler_temp, primaryChildProps)),
         (nextProps.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280));
-    null !== dehydrated$70
-      ? (showFallback = createWorkInProgress(dehydrated$70, showFallback))
+    null !== dehydrated$71
+      ? (showFallback = createWorkInProgress(dehydrated$71, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -5491,10 +5496,10 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       ? (didSuspend = mountSuspenseOffscreenState(renderLanes))
       : ((JSCompiler_temp = didSuspend.cachePool),
         null !== JSCompiler_temp
-          ? ((dehydrated$70 = CacheContext._currentValue),
+          ? ((dehydrated$71 = CacheContext._currentValue),
             (JSCompiler_temp =
-              JSCompiler_temp.parent !== dehydrated$70
-                ? { parent: dehydrated$70, pool: dehydrated$70 }
+              JSCompiler_temp.parent !== dehydrated$71
+                ? { parent: dehydrated$71, pool: dehydrated$71 }
                 : JSCompiler_temp))
           : (JSCompiler_temp = getSuspendedCache()),
         (didSuspend = {
@@ -5508,23 +5513,23 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         ((JSCompiler_temp = enableTransitionTracing
           ? markerInstanceStack.current
           : null),
-        (dehydrated$70 = showFallback.updateQueue),
+        (dehydrated$71 = showFallback.updateQueue),
         (primaryChildProps = current.updateQueue),
-        null === dehydrated$70
+        null === dehydrated$71
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue: null
             })
-          : dehydrated$70 === primaryChildProps
+          : dehydrated$71 === primaryChildProps
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue:
                 null !== primaryChildProps ? primaryChildProps.retryQueue : null
             })
-          : ((dehydrated$70.transitions = didSuspend),
-            (dehydrated$70.markerInstances = JSCompiler_temp))));
+          : ((dehydrated$71.transitions = didSuspend),
+            (dehydrated$71.markerInstances = JSCompiler_temp))));
     showFallback.childLanes = current.childLanes & ~renderLanes;
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
@@ -6587,14 +6592,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         break;
       case "collapsed":
         lastTailNode = renderState.tail;
-        for (var lastTailNode$101 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$101 = lastTailNode),
+        for (var lastTailNode$102 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$102 = lastTailNode),
             (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$101
+        null === lastTailNode$102
           ? hasRenderedATailFallback || null === renderState.tail
             ? (renderState.tail = null)
             : (renderState.tail.sibling = null)
-          : (lastTailNode$101.sibling = null);
+          : (lastTailNode$102.sibling = null);
     }
 }
 function bubbleProperties(completedWork) {
@@ -6604,19 +6609,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$102 = completedWork.child; null !== child$102; )
-      (newChildLanes |= child$102.lanes | child$102.childLanes),
-        (subtreeFlags |= child$102.subtreeFlags & 31457280),
-        (subtreeFlags |= child$102.flags & 31457280),
-        (child$102.return = completedWork),
-        (child$102 = child$102.sibling);
+    for (var child$103 = completedWork.child; null !== child$103; )
+      (newChildLanes |= child$103.lanes | child$103.childLanes),
+        (subtreeFlags |= child$103.subtreeFlags & 31457280),
+        (subtreeFlags |= child$103.flags & 31457280),
+        (child$103.return = completedWork),
+        (child$103 = child$103.sibling);
   else
-    for (child$102 = completedWork.child; null !== child$102; )
-      (newChildLanes |= child$102.lanes | child$102.childLanes),
-        (subtreeFlags |= child$102.subtreeFlags),
-        (subtreeFlags |= child$102.flags),
-        (child$102.return = completedWork),
-        (child$102 = child$102.sibling);
+    for (child$103 = completedWork.child; null !== child$103; )
+      (newChildLanes |= child$103.lanes | child$103.childLanes),
+        (subtreeFlags |= child$103.subtreeFlags),
+        (subtreeFlags |= child$103.flags),
+        (child$103.return = completedWork),
+        (child$103 = child$103.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -7349,8 +7354,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$132) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$132);
+      } catch (error$133) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$133);
       }
     else ref.current = null;
 }
@@ -7387,7 +7392,7 @@ function commitBeforeMutationEffects(root, firstChild) {
           selection = selection.focusOffset;
           try {
             JSCompiler_temp.nodeType, focusNode.nodeType;
-          } catch (e$191) {
+          } catch (e$192) {
             JSCompiler_temp = null;
             break a;
           }
@@ -7666,11 +7671,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$134) {
+          } catch (error$135) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$134
+              error$135
             );
           }
         }
@@ -8350,8 +8355,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$147) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$147);
+        } catch (error$148) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$148);
         }
       }
       break;
@@ -8533,11 +8538,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                   newProps
                 );
             domElement[internalPropsKey] = newProps;
-          } catch (error$148) {
+          } catch (error$149) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$148
+              error$149
             );
           }
       break;
@@ -8574,8 +8579,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$149) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$149);
+        } catch (error$150) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$150);
         }
       }
       if (
@@ -8600,8 +8605,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 root
               ),
             (flags[internalPropsKey] = root);
-        } catch (error$152) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$152);
+        } catch (error$153) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$153);
         }
       break;
     case 6:
@@ -8614,8 +8619,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$153) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$153);
+        } catch (error$154) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$154);
         }
       }
       break;
@@ -8629,8 +8634,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$154) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$154);
+        } catch (error$155) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$155);
         }
       break;
     case 4:
@@ -8660,8 +8665,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$156) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$156);
+        } catch (error$157) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$157);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -8739,11 +8744,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$137) {
+              } catch (error$138) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$137
+                  error$138
                 );
               }
           } else if (
@@ -8818,21 +8823,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$138 = JSCompiler_inline_result.stateNode;
+            var parent$139 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$138, ""),
+              (setTextContent(parent$139, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$139 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$139, parent$138);
+            var before$140 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$140, parent$139);
             break;
           case 3:
           case 4:
-            var parent$140 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$141 = getHostSibling(finishedWork);
+            var parent$141 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$142 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$141,
-              parent$140
+              before$142,
+              parent$141
             );
             break;
           default:
@@ -9302,9 +9307,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$163 = finishedWork.stateNode;
+        var instance$164 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$163._visibility & 4
+          ? instance$164._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9317,7 +9322,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$163._visibility |= 4),
+            : ((instance$164._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9325,7 +9330,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$163._visibility |= 4),
+          : ((instance$164._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -9338,7 +9343,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$163
+            instance$164
           );
         break;
       case 24:
@@ -10054,16 +10059,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$173 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$174 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$173 &&
-            ((lanes = errorRetryLanes$173),
+          0 !== errorRetryLanes$174 &&
+            ((lanes = errorRetryLanes$174),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$173
+              errorRetryLanes$174
             )));
         }
         if (1 === exitStatus)
@@ -10397,28 +10402,35 @@ function renderRootSync(root, lanes) {
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
     (workInProgressTransitions = getTransitionsForLanes(root, lanes)),
       prepareFreshStack(root, lanes);
+  lanes = !1;
   a: do
     try {
       if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
-        lanes = workInProgress;
-        var thrownValue = workInProgressThrownValue;
+        var unitOfWork = workInProgress,
+          thrownValue = workInProgressThrownValue;
         switch (workInProgressSuspendedReason) {
           case 8:
             resetWorkInProgressStack();
             workInProgressRootExitStatus = 6;
             break a;
+          case 3:
+          case 2:
+            lanes ||
+              null !== suspenseHandlerStackCursor.current ||
+              (lanes = !0);
           default:
             (workInProgressSuspendedReason = 0),
               (workInProgressThrownValue = null),
-              throwAndUnwindWorkLoop(lanes, thrownValue);
+              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
         }
       }
       workLoopSync();
       break;
-    } catch (thrownValue$175) {
-      handleThrow(root, thrownValue$175);
+    } catch (thrownValue$176) {
+      handleThrow(root, thrownValue$176);
     }
   while (1);
+  lanes && root.shellSuspendCounter++;
   resetContextDependencies();
   executionContext = prevExecutionContext;
   ReactCurrentDispatcher.current = prevDispatcher;
@@ -10520,8 +10532,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$177) {
-      handleThrow(root, thrownValue$177);
+    } catch (thrownValue$178) {
+      handleThrow(root, thrownValue$178);
     }
   while (1);
   resetContextDependencies();
@@ -10684,10 +10696,10 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$58 = offscreenQueue.retryQueue;
-                      null === retryQueue$58
+                      var retryQueue$59 = offscreenQueue.retryQueue;
+                      null === retryQueue$59
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$58.add(wakeable);
+                        : retryQueue$59.add(wakeable);
                     }
                   }
                   break;
@@ -10879,12 +10891,12 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner.current = null;
-    var shouldFireAfterActiveInstanceBlur$181 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$182 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
     commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$181 &&
+    shouldFireAfterActiveInstanceBlur$182 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -10965,7 +10977,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$182 = rootWithPendingPassiveEffects,
+    var root$183 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -10981,7 +10993,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$1.transition = prevTransition),
-        releaseRootPooledCache(root$182, remainingLanes);
+        releaseRootPooledCache(root$183, remainingLanes);
     }
   }
   return !1;
@@ -12054,6 +12066,7 @@ function FiberRootNode(
   this.callbackPriority = 0;
   this.expirationTimes = createLaneMap(-1);
   this.entangledLanes =
+    this.shellSuspendCounter =
     this.errorRecoveryDisabledLanes =
     this.finishedLanes =
     this.expiredLanes =
@@ -12151,12 +12164,12 @@ function updateContainer(element, container, parentComponent, callback) {
 function attemptSynchronousHydration(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$184 = fiber.stateNode;
-      if (root$184.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$184.pendingLanes);
+      var root$185 = fiber.stateNode;
+      if (root$185.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$185.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$184, lanes | 2),
-          ensureRootIsScheduled(root$184),
+          (markRootEntangled(root$185, lanes | 2),
+          ensureRootIsScheduled(root$185),
           0 === (executionContext & 6) &&
             ((workInProgressRootRenderTargetTime = now() + 500),
             flushSyncWorkAcrossRoots_impl(!1)));
@@ -13246,19 +13259,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$369;
+  var JSCompiler_inline_result$jscomp$370;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1582 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1582) {
-      var element$jscomp$inline_1583 = document.createElement("div");
-      element$jscomp$inline_1583.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1582 =
-        "function" === typeof element$jscomp$inline_1583.oninput;
+    var isSupported$jscomp$inline_1583 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1583) {
+      var element$jscomp$inline_1584 = document.createElement("div");
+      element$jscomp$inline_1584.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1583 =
+        "function" === typeof element$jscomp$inline_1584.oninput;
     }
-    JSCompiler_inline_result$jscomp$369 = isSupported$jscomp$inline_1582;
-  } else JSCompiler_inline_result$jscomp$369 = !1;
+    JSCompiler_inline_result$jscomp$370 = isSupported$jscomp$inline_1583;
+  } else JSCompiler_inline_result$jscomp$370 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$369 &&
+    JSCompiler_inline_result$jscomp$370 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -13567,20 +13580,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1623 = 0;
-  i$jscomp$inline_1623 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1623++
+  var i$jscomp$inline_1624 = 0;
+  i$jscomp$inline_1624 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1624++
 ) {
-  var eventName$jscomp$inline_1624 =
-      simpleEventPluginEvents[i$jscomp$inline_1623],
-    domEventName$jscomp$inline_1625 =
-      eventName$jscomp$inline_1624.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1626 =
-      eventName$jscomp$inline_1624[0].toUpperCase() +
-      eventName$jscomp$inline_1624.slice(1);
+  var eventName$jscomp$inline_1625 =
+      simpleEventPluginEvents[i$jscomp$inline_1624],
+    domEventName$jscomp$inline_1626 =
+      eventName$jscomp$inline_1625.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1627 =
+      eventName$jscomp$inline_1625[0].toUpperCase() +
+      eventName$jscomp$inline_1625.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1625,
-    "on" + capitalizedEvent$jscomp$inline_1626
+    domEventName$jscomp$inline_1626,
+    "on" + capitalizedEvent$jscomp$inline_1627
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -14995,14 +15008,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$218 in nextProps) {
-        var propKey = nextProps[propKey$218];
-        lastProp = lastProps[propKey$218];
+      for (var propKey$219 in nextProps) {
+        var propKey = nextProps[propKey$219];
+        lastProp = lastProps[propKey$219];
         if (
-          nextProps.hasOwnProperty(propKey$218) &&
+          nextProps.hasOwnProperty(propKey$219) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$218) {
+          switch (propKey$219) {
             case "type":
               type = propKey;
               break;
@@ -15031,7 +15044,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$218,
+                  propKey$219,
                   propKey,
                   nextProps,
                   lastProp
@@ -15050,7 +15063,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       );
       return;
     case "select":
-      defaultValue = value = propKey = propKey$218 = null;
+      defaultValue = value = propKey = propKey$219 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -15081,7 +15094,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$218 = type;
+              propKey$219 = type;
               break;
             case "defaultValue":
               propKey = type;
@@ -15099,10 +15112,10 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                   lastDefaultValue
                 );
           }
-      updateSelect(domElement, propKey$218, propKey, value, defaultValue);
+      updateSelect(domElement, propKey$219, propKey, value, defaultValue);
       return;
     case "textarea":
-      propKey = propKey$218 = null;
+      propKey = propKey$219 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -15126,7 +15139,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$218 = name;
+              propKey$219 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -15140,17 +15153,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$218, propKey);
+      updateTextarea(domElement, propKey$219, propKey);
       return;
     case "option":
-      for (var propKey$234 in lastProps)
+      for (var propKey$235 in lastProps)
         if (
-          ((propKey$218 = lastProps[propKey$234]),
-          lastProps.hasOwnProperty(propKey$234) &&
-            null != propKey$218 &&
-            !nextProps.hasOwnProperty(propKey$234))
+          ((propKey$219 = lastProps[propKey$235]),
+          lastProps.hasOwnProperty(propKey$235) &&
+            null != propKey$219 &&
+            !nextProps.hasOwnProperty(propKey$235))
         )
-          switch (propKey$234) {
+          switch (propKey$235) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -15158,33 +15171,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$234,
+                propKey$235,
                 null,
                 nextProps,
-                propKey$218
+                propKey$219
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$218 = nextProps[lastDefaultValue]),
+          ((propKey$219 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$218 !== propKey &&
-            (null != propKey$218 || null != propKey))
+            propKey$219 !== propKey &&
+            (null != propKey$219 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$218 &&
-                "function" !== typeof propKey$218 &&
-                "symbol" !== typeof propKey$218;
+                propKey$219 &&
+                "function" !== typeof propKey$219 &&
+                "symbol" !== typeof propKey$219;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$218,
+                propKey$219,
                 nextProps,
                 propKey
               );
@@ -15205,24 +15218,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$239 in lastProps)
-        (propKey$218 = lastProps[propKey$239]),
-          lastProps.hasOwnProperty(propKey$239) &&
-            null != propKey$218 &&
-            !nextProps.hasOwnProperty(propKey$239) &&
-            setProp(domElement, tag, propKey$239, null, nextProps, propKey$218);
+      for (var propKey$240 in lastProps)
+        (propKey$219 = lastProps[propKey$240]),
+          lastProps.hasOwnProperty(propKey$240) &&
+            null != propKey$219 &&
+            !nextProps.hasOwnProperty(propKey$240) &&
+            setProp(domElement, tag, propKey$240, null, nextProps, propKey$219);
       for (checked in nextProps)
         if (
-          ((propKey$218 = nextProps[checked]),
+          ((propKey$219 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$218 !== propKey &&
-            (null != propKey$218 || null != propKey))
+            propKey$219 !== propKey &&
+            (null != propKey$219 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$218)
+              if (null != propKey$219)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -15230,7 +15243,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$218,
+                propKey$219,
                 nextProps,
                 propKey
               );
@@ -15238,49 +15251,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$244 in lastProps)
-          (propKey$218 = lastProps[propKey$244]),
-            lastProps.hasOwnProperty(propKey$244) &&
-              null != propKey$218 &&
-              !nextProps.hasOwnProperty(propKey$244) &&
+        for (var propKey$245 in lastProps)
+          (propKey$219 = lastProps[propKey$245]),
+            lastProps.hasOwnProperty(propKey$245) &&
+              null != propKey$219 &&
+              !nextProps.hasOwnProperty(propKey$245) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$244,
+                propKey$245,
                 null,
                 nextProps,
-                propKey$218
+                propKey$219
               );
         for (defaultChecked in nextProps)
-          (propKey$218 = nextProps[defaultChecked]),
+          (propKey$219 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$218 === propKey ||
-              (null == propKey$218 && null == propKey) ||
+              propKey$219 === propKey ||
+              (null == propKey$219 && null == propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$218,
+                propKey$219,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$249 in lastProps)
-    (propKey$218 = lastProps[propKey$249]),
-      lastProps.hasOwnProperty(propKey$249) &&
-        null != propKey$218 &&
-        !nextProps.hasOwnProperty(propKey$249) &&
-        setProp(domElement, tag, propKey$249, null, nextProps, propKey$218);
+  for (var propKey$250 in lastProps)
+    (propKey$219 = lastProps[propKey$250]),
+      lastProps.hasOwnProperty(propKey$250) &&
+        null != propKey$219 &&
+        !nextProps.hasOwnProperty(propKey$250) &&
+        setProp(domElement, tag, propKey$250, null, nextProps, propKey$219);
   for (lastProp in nextProps)
-    (propKey$218 = nextProps[lastProp]),
+    (propKey$219 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$218 === propKey ||
-        (null == propKey$218 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$218, nextProps, propKey);
+        propKey$219 === propKey ||
+        (null == propKey$219 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$219, nextProps, propKey);
 }
 function updatePropertiesWithDiff(
   domElement,
@@ -16017,17 +16030,17 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$283 = getResourcesFromRoot(currentProps).hoistableStyles,
-          resource$284 = styles$283.get(type);
-        resource$284 ||
+        var styles$284 = getResourcesFromRoot(currentProps).hoistableStyles,
+          resource$285 = styles$284.get(type);
+        resource$285 ||
           ((currentProps = currentProps.ownerDocument || currentProps),
-          (resource$284 = {
+          (resource$285 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$283.set(type, resource$284),
+          styles$284.set(type, resource$285),
           preloadPropsMap.has(type) ||
             preloadStylesheet(
               currentProps,
@@ -16042,9 +16055,9 @@ function getResource(type, currentProps, pendingProps) {
                 hrefLang: pendingProps.hrefLang,
                 referrerPolicy: pendingProps.referrerPolicy
               },
-              resource$284.state
+              resource$285.state
             ));
-        return resource$284;
+        return resource$285;
       }
       return null;
     case "script":
@@ -16124,36 +16137,36 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$288 = hoistableRoot.querySelector(
+        var instance$289 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$288)
+        if (instance$289)
           return (
-            (resource.instance = instance$288),
-            markNodeAsHoistable(instance$288),
-            instance$288
+            (resource.instance = instance$289),
+            markNodeAsHoistable(instance$289),
+            instance$289
           );
         instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(instance, styleProps);
-        instance$288 = (
+        instance$289 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$288);
-        var linkInstance = instance$288;
+        markNodeAsHoistable(instance$289);
+        var linkInstance = instance$289;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$288, "link", instance);
+        setInitialProperties(instance$289, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$288, props.precedence, hoistableRoot);
-        return (resource.instance = instance$288);
+        insertStylesheet(instance$289, props.precedence, hoistableRoot);
+        return (resource.instance = instance$289);
       case "script":
-        instance$288 = getScriptKey(props.src);
+        instance$289 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            "script[async]" + instance$288
+            "script[async]" + instance$289
           ))
         )
           return (
@@ -16162,7 +16175,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         instance = props;
-        if ((styleProps = preloadPropsMap.get(instance$288)))
+        if ((styleProps = preloadPropsMap.get(instance$289)))
           (instance = assign({}, props)),
             adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -16525,17 +16538,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1790 = {
+var devToolsConfig$jscomp$inline_1791 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-modern-fbda1d19",
+  version: "18.3.0-www-modern-f95d3ddd",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2162 = {
-  bundleType: devToolsConfig$jscomp$inline_1790.bundleType,
-  version: devToolsConfig$jscomp$inline_1790.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1790.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1790.rendererConfig,
+var internals$jscomp$inline_2163 = {
+  bundleType: devToolsConfig$jscomp$inline_1791.bundleType,
+  version: devToolsConfig$jscomp$inline_1791.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1791.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1791.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -16552,26 +16565,26 @@ var internals$jscomp$inline_2162 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1790.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1791.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-modern-fbda1d19"
+  reconcilerVersion: "18.3.0-www-modern-f95d3ddd"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2163 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2164 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2163.isDisabled &&
-    hook$jscomp$inline_2163.supportsFiber
+    !hook$jscomp$inline_2164.isDisabled &&
+    hook$jscomp$inline_2164.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2163.inject(
-        internals$jscomp$inline_2162
+      (rendererID = hook$jscomp$inline_2164.inject(
+        internals$jscomp$inline_2163
       )),
-        (injectedHook = hook$jscomp$inline_2163);
+        (injectedHook = hook$jscomp$inline_2164);
     } catch (err) {}
 }
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
@@ -16866,4 +16879,4 @@ exports.unstable_createEventHandle = function (type, options) {
   return eventHandle;
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-modern-fbda1d19";
+exports.version = "18.3.0-www-modern-f95d3ddd";
diff --git a/compiled/facebook-www/ReactTestRenderer-dev.classic.js b/compiled/facebook-www/ReactTestRenderer-dev.classic.js
index 70b12c9cb27d5..10d2a5ecdc094 100644
--- a/compiled/facebook-www/ReactTestRenderer-dev.classic.js
+++ b/compiled/facebook-www/ReactTestRenderer-dev.classic.js
@@ -1731,6 +1731,7 @@ function markRootFinished(root, remainingLanes) {
   root.expiredLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   var entanglements = root.entanglements;
   var expirationTimes = root.expirationTimes;
   var hiddenUpdates = root.hiddenUpdates; // Clear the lanes that no longer have pending work
@@ -4373,6 +4374,32 @@ function trackUsedThenable(thenableState, thenable, index) {
         // happen. Flight lazily parses JSON when the value is actually awaited.
         thenable.then(noop, noop);
       } else {
+        // This is an uncached thenable that we haven't seen before.
+        // Detect infinite ping loops caused by uncached promises.
+        var root = getWorkInProgressRoot();
+
+        if (root !== null && root.shellSuspendCounter > 100) {
+          // This root has suspended repeatedly in the shell without making any
+          // progress (i.e. committing something). This is highly suggestive of
+          // an infinite ping loop, often caused by an accidental Async Client
+          // Component.
+          //
+          // During a transition, we can suspend the work loop until the promise
+          // to resolve, but this is a sync render, so that's not an option. We
+          // also can't show a fallback, because none was provided. So our last
+          // resort is to throw an error.
+          //
+          // TODO: Remove this error in a future release. Other ways of handling
+          // this case include forcing a concurrent render, or putting the whole
+          // root into offscreen mode.
+          throw new Error(
+            "async/await is not yet supported in Client Components, only " +
+              "Server Components. This error is often caused by accidentally " +
+              "adding `'use client'` to a module that was originally written " +
+              "for the server."
+          );
+        }
+
         var pendingThenable = thenable;
         pendingThenable.status = "pending";
         pendingThenable.then(
@@ -21477,6 +21504,8 @@ function renderRootSync(root, lanes) {
     prepareFreshStack(root, lanes);
   }
 
+  var didSuspendInShell = false;
+
   outer: do {
     try {
       if (
@@ -21504,6 +21533,13 @@ function renderRootSync(root, lanes) {
             break outer;
           }
 
+          case SuspendedOnImmediate:
+          case SuspendedOnData: {
+            if (!didSuspendInShell && getSuspenseHandler() === null) {
+              didSuspendInShell = true;
+            } // Intentional fallthrough
+          }
+
           default: {
             // Unwind then continue with the normal work loop.
             workInProgressSuspendedReason = NotSuspended;
@@ -21519,7 +21555,16 @@ function renderRootSync(root, lanes) {
     } catch (thrownValue) {
       handleThrow(root, thrownValue);
     }
-  } while (true);
+  } while (true); // Check if something suspended in the shell. We use this to detect an
+  // infinite ping loop caused by an uncached promise.
+  //
+  // Only increment this counter once per synchronous render attempt across the
+  // whole tree. Even if there are many sibling components that suspend, this
+  // counter only gets incremented once.
+
+  if (didSuspendInShell) {
+    root.shellSuspendCounter++;
+  }
 
   resetContextDependencies();
   executionContext = prevExecutionContext;
@@ -24250,6 +24295,7 @@ function FiberRootNode(
   this.expiredLanes = NoLanes;
   this.finishedLanes = NoLanes;
   this.errorRecoveryDisabledLanes = NoLanes;
+  this.shellSuspendCounter = 0;
   this.entangledLanes = NoLanes;
   this.entanglements = createLaneMap(NoLanes);
   this.hiddenUpdates = createLaneMap(null);
@@ -24346,7 +24392,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-classic-d420a59b";
+var ReactVersion = "18.3.0-www-classic-f7e77e44";
 
 // Might add PROFILE later.
 
diff --git a/compiled/facebook-www/ReactTestRenderer-dev.modern.js b/compiled/facebook-www/ReactTestRenderer-dev.modern.js
index 75ffb46b52ae4..c4a0020658ffd 100644
--- a/compiled/facebook-www/ReactTestRenderer-dev.modern.js
+++ b/compiled/facebook-www/ReactTestRenderer-dev.modern.js
@@ -1731,6 +1731,7 @@ function markRootFinished(root, remainingLanes) {
   root.expiredLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
   root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   var entanglements = root.entanglements;
   var expirationTimes = root.expirationTimes;
   var hiddenUpdates = root.hiddenUpdates; // Clear the lanes that no longer have pending work
@@ -4373,6 +4374,32 @@ function trackUsedThenable(thenableState, thenable, index) {
         // happen. Flight lazily parses JSON when the value is actually awaited.
         thenable.then(noop, noop);
       } else {
+        // This is an uncached thenable that we haven't seen before.
+        // Detect infinite ping loops caused by uncached promises.
+        var root = getWorkInProgressRoot();
+
+        if (root !== null && root.shellSuspendCounter > 100) {
+          // This root has suspended repeatedly in the shell without making any
+          // progress (i.e. committing something). This is highly suggestive of
+          // an infinite ping loop, often caused by an accidental Async Client
+          // Component.
+          //
+          // During a transition, we can suspend the work loop until the promise
+          // to resolve, but this is a sync render, so that's not an option. We
+          // also can't show a fallback, because none was provided. So our last
+          // resort is to throw an error.
+          //
+          // TODO: Remove this error in a future release. Other ways of handling
+          // this case include forcing a concurrent render, or putting the whole
+          // root into offscreen mode.
+          throw new Error(
+            "async/await is not yet supported in Client Components, only " +
+              "Server Components. This error is often caused by accidentally " +
+              "adding `'use client'` to a module that was originally written " +
+              "for the server."
+          );
+        }
+
         var pendingThenable = thenable;
         pendingThenable.status = "pending";
         pendingThenable.then(
@@ -21477,6 +21504,8 @@ function renderRootSync(root, lanes) {
     prepareFreshStack(root, lanes);
   }
 
+  var didSuspendInShell = false;
+
   outer: do {
     try {
       if (
@@ -21504,6 +21533,13 @@ function renderRootSync(root, lanes) {
             break outer;
           }
 
+          case SuspendedOnImmediate:
+          case SuspendedOnData: {
+            if (!didSuspendInShell && getSuspenseHandler() === null) {
+              didSuspendInShell = true;
+            } // Intentional fallthrough
+          }
+
           default: {
             // Unwind then continue with the normal work loop.
             workInProgressSuspendedReason = NotSuspended;
@@ -21519,7 +21555,16 @@ function renderRootSync(root, lanes) {
     } catch (thrownValue) {
       handleThrow(root, thrownValue);
     }
-  } while (true);
+  } while (true); // Check if something suspended in the shell. We use this to detect an
+  // infinite ping loop caused by an uncached promise.
+  //
+  // Only increment this counter once per synchronous render attempt across the
+  // whole tree. Even if there are many sibling components that suspend, this
+  // counter only gets incremented once.
+
+  if (didSuspendInShell) {
+    root.shellSuspendCounter++;
+  }
 
   resetContextDependencies();
   executionContext = prevExecutionContext;
@@ -24250,6 +24295,7 @@ function FiberRootNode(
   this.expiredLanes = NoLanes;
   this.finishedLanes = NoLanes;
   this.errorRecoveryDisabledLanes = NoLanes;
+  this.shellSuspendCounter = 0;
   this.entangledLanes = NoLanes;
   this.entanglements = createLaneMap(NoLanes);
   this.hiddenUpdates = createLaneMap(null);
@@ -24346,7 +24392,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-modern-ead87ff5";
+var ReactVersion = "18.3.0-www-modern-0b35a427";
 
 // Might add PROFILE later.