From 3211b3f6724f6b56c50f0eecbc67eb6fb4213195 Mon Sep 17 00:00:00 2001
From: Tim Neutkens <tim@timneutkens.nl>
Date: Sun, 25 Sep 2022 21:35:05 +0200
Subject: [PATCH] Upgrade react@experimental (#40885)

---
 package.json                                  |   4 +-
 .../client/components/hooks-server-context.ts |  12 +-
 .../components/layout-router.client.tsx       |   2 +-
 packages/next/client/components/redirect.ts   |   2 +-
 ...bpack-writer.browser.development.server.js | 122 ++++++++++++++----
 ...ck-writer.browser.production.min.server.js |  71 +++++-----
 .../react-server-dom-webpack.development.js   |  19 ++-
 ...react-server-dom-webpack.production.min.js |   4 +-
 packages/next/export/worker.ts                |   9 +-
 packages/next/package.json                    |   2 +-
 packages/next/server/app-render.tsx           |  16 +--
 pnpm-lock.yaml                                |  34 ++---
 12 files changed, 182 insertions(+), 115 deletions(-)

diff --git a/package.json b/package.json
index 5a7c7195367fb..1a8c8ec12300f 100644
--- a/package.json
+++ b/package.json
@@ -181,8 +181,8 @@
     "react-17": "npm:react@17.0.2",
     "react-dom": "18.2.0",
     "react-dom-17": "npm:react-dom@17.0.2",
-    "react-dom-exp": "npm:react-dom@0.0.0-experimental-8951c5fc9-20220915",
-    "react-exp": "npm:react@0.0.0-experimental-8951c5fc9-20220915",
+    "react-dom-exp": "npm:react-dom@0.0.0-experimental-cb5084d1c-20220924",
+    "react-exp": "npm:react@0.0.0-experimental-cb5084d1c-20220924",
     "react-ssr-prepass": "1.0.8",
     "react-virtualized": "9.22.3",
     "relay-compiler": "13.0.2",
diff --git a/packages/next/client/components/hooks-server-context.ts b/packages/next/client/components/hooks-server-context.ts
index 4fe4b21b1fff0..37c0ac9f2ad3a 100644
--- a/packages/next/client/components/hooks-server-context.ts
+++ b/packages/next/client/components/hooks-server-context.ts
@@ -1,14 +1,8 @@
-// @ts-expect-error createServerContext exists on experimental channel
-import { createServerContext } from 'react'
-
-// createServerContext exists in react@experimental + react-dom@experimental
-if (typeof createServerContext === 'undefined') {
-  throw new Error(
-    '"app" directory requires React.createServerContext which is not available in the version of React you are using. Please update to react@experimental and react-dom@experimental.'
-  )
-}
+export const DYNAMIC_ERROR_CODE = 'DYNAMIC_SERVER_USAGE'
 
 export class DynamicServerError extends Error {
+  digest: typeof DYNAMIC_ERROR_CODE = DYNAMIC_ERROR_CODE
+
   constructor(type: string) {
     super(`Dynamic server usage: ${type}`)
   }
diff --git a/packages/next/client/components/layout-router.client.tsx b/packages/next/client/components/layout-router.client.tsx
index 9ebd2a3cb6f57..bbe5e3d5c2470 100644
--- a/packages/next/client/components/layout-router.client.tsx
+++ b/packages/next/client/components/layout-router.client.tsx
@@ -309,7 +309,7 @@ class RedirectErrorBoundary extends React.Component<
   }
 
   static getDerivedStateFromError(error: any) {
-    if (error.code === 'NEXT_REDIRECT') {
+    if (error.digest === 'NEXT_REDIRECT') {
       return { redirect: error.url }
     }
     // Re-throw if error is not for 404
diff --git a/packages/next/client/components/redirect.ts b/packages/next/client/components/redirect.ts
index a5d9bd9294171..396bd7655ba19 100644
--- a/packages/next/client/components/redirect.ts
+++ b/packages/next/client/components/redirect.ts
@@ -4,6 +4,6 @@ export function redirect(url: string) {
   // eslint-disable-next-line no-throw-literal
   const error = new Error(REDIRECT_ERROR_CODE)
   ;(error as any).url = url
-  ;(error as any).code = REDIRECT_ERROR_CODE
+  ;(error as any).digest = REDIRECT_ERROR_CODE
   throw error
 }
diff --git a/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-writer.browser.development.server.js b/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-writer.browser.development.server.js
index d059e1b5573b5..b441b58334446 100644
--- a/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-writer.browser.development.server.js
+++ b/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-writer.browser.development.server.js
@@ -153,8 +153,22 @@ function serializeRowHeader(tag, id) {
   return tag + id.toString(16) + ':';
 }
 
-function processErrorChunk(request, id, message, stack) {
+function processErrorChunkProd(request, id, digest) {
+  {
+    // These errors should never make it into a build so we don't need to encode them in codes.json
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error('processErrorChunkProd should never be called while in development mode. Use processErrorChunkDev instead. This is a bug in React.');
+  }
+
+  var errorInfo = {
+    digest: digest
+  };
+  var row = serializeRowHeader('E', id) + stringify(errorInfo) + '\n';
+}
+function processErrorChunkDev(request, id, digest, message, stack) {
+
   var errorInfo = {
+    digest: digest,
     message: message,
     stack: stack
   };
@@ -1388,7 +1402,16 @@ function serializeModuleReference(request, parent, key, moduleReference) {
   } catch (x) {
     request.pendingChunks++;
     var errorId = request.nextChunkId++;
-    emitErrorChunk(request, errorId, x);
+    var digest = logRecoverableError(request, x);
+
+    {
+      var _getErrorMessageAndSt = getErrorMessageAndStackDev(x),
+          message = _getErrorMessageAndSt.message,
+          stack = _getErrorMessageAndSt.stack;
+
+      emitErrorChunkDev(request, errorId, digest, message, stack);
+    }
+
     return serializeByValueID(errorId);
   }
 }
@@ -1633,7 +1656,16 @@ function resolveModelToJSON(request, parent, key, value) {
 
         request.pendingChunks++;
         var errorId = request.nextChunkId++;
-        emitErrorChunk(request, errorId, x);
+        var digest = logRecoverableError(request, x);
+
+        {
+          var _getErrorMessageAndSt2 = getErrorMessageAndStackDev(x),
+              message = _getErrorMessageAndSt2.message,
+              stack = _getErrorMessageAndSt2.stack;
+
+          emitErrorChunkDev(request, errorId, digest, message, stack);
+        }
+
         return serializeByRefID(errorId);
       }
     }
@@ -1744,7 +1776,39 @@ function resolveModelToJSON(request, parent, key, value) {
 
 function logRecoverableError(request, error) {
   var onError = request.onError;
-  onError(error);
+  var errorDigest = onError(error);
+
+  if (errorDigest != null && typeof errorDigest !== 'string') {
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error("onError returned something with a type other than \"string\". onError should return a string and may return null or undefined but must not return anything else. It received something of type \"" + typeof errorDigest + "\" instead");
+  }
+
+  return errorDigest || '';
+}
+
+function getErrorMessageAndStackDev(error) {
+  {
+    var message;
+    var stack = '';
+
+    try {
+      if (error instanceof Error) {
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
+
+        stack = String(error.stack);
+      } else {
+        message = 'Error: ' + error;
+      }
+    } catch (x) {
+      message = 'An error occurred but serializing the error message failed.';
+    }
+
+    return {
+      message: message,
+      stack: stack
+    };
+  }
 }
 
 function fatalError(request, error) {
@@ -1758,27 +1822,13 @@ function fatalError(request, error) {
   }
 }
 
-function emitErrorChunk(request, id, error) {
-  // TODO: We should not leak error messages to the client in prod.
-  // Give this an error code instead and log on the server.
-  // We can serialize the error in DEV as a convenience.
-  var message;
-  var stack = '';
-
-  try {
-    if (error instanceof Error) {
-      // eslint-disable-next-line react-internal/safe-string-coercion
-      message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
-
-      stack = String(error.stack);
-    } else {
-      message = 'Error: ' + error;
-    }
-  } catch (x) {
-    message = 'An error occurred but serializing the error message failed.';
-  }
+function emitErrorChunkProd(request, id, digest) {
+  var processedChunk = processErrorChunkProd(request, id, digest);
+  request.completedErrorChunks.push(processedChunk);
+}
 
-  var processedChunk = processErrorChunk(request, id, message, stack);
+function emitErrorChunkDev(request, id, digest, message, stack) {
+  var processedChunk = processErrorChunkDev(request, id, digest, message, stack);
   request.completedErrorChunks.push(processedChunk);
 }
 
@@ -1850,9 +1900,15 @@ function retryTask(request, task) {
     } else {
       request.abortableTasks.delete(task);
       task.status = ERRORED;
-      logRecoverableError(request, x); // This errored, we need to serialize this error to the
+      var digest = logRecoverableError(request, x);
+
+      {
+        var _getErrorMessageAndSt3 = getErrorMessageAndStackDev(x),
+            message = _getErrorMessageAndSt3.message,
+            stack = _getErrorMessageAndSt3.stack;
 
-      emitErrorChunk(request, task.id, x);
+        emitErrorChunkDev(request, task.id, digest, message, stack);
+      }
     }
   }
 }
@@ -2005,10 +2061,20 @@ function abort(request, reason) {
       // to that row from every row that's still remaining.
       var _error = reason === undefined ? new Error('The render was aborted by the server without a reason.') : reason;
 
-      logRecoverableError(request, _error);
+      var digest = logRecoverableError(request, _error);
       request.pendingChunks++;
       var errorId = request.nextChunkId++;
-      emitErrorChunk(request, errorId, _error);
+
+      if (true) {
+        var _getErrorMessageAndSt4 = getErrorMessageAndStackDev(_error),
+            message = _getErrorMessageAndSt4.message,
+            stack = _getErrorMessageAndSt4.stack;
+
+        emitErrorChunkDev(request, errorId, digest, message, stack);
+      } else {
+        emitErrorChunkProd(request, errorId, digest);
+      }
+
       abortableTasks.forEach(function (task) {
         return abortTask(task, request, errorId);
       });
diff --git a/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-writer.browser.production.min.server.js b/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-writer.browser.production.min.server.js
index e1e75332dacc9..02a92dc7b7254 100644
--- a/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-writer.browser.production.min.server.js
+++ b/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-writer.browser.production.min.server.js
@@ -7,44 +7,45 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-'use strict';var e=require("react"),l=null,m=0;function n(a,c){if(0!==c.length)if(512<c.length)0<m&&(a.enqueue(new Uint8Array(l.buffer,0,m)),l=new Uint8Array(512),m=0),a.enqueue(c);else{var d=l.length-m;d<c.length&&(0===d?a.enqueue(l):(l.set(c.subarray(0,d),m),a.enqueue(l),c=c.subarray(d)),l=new Uint8Array(512),m=0);l.set(c,m);m+=c.length}return!0}var p=new TextEncoder;function q(a){return p.encode(a)}function u(a,c){"function"===typeof a.error?a.error(c):a.close()}
-var v=JSON.stringify,w=Symbol.for("react.module.reference"),x=Symbol.for("react.element"),aa=Symbol.for("react.fragment"),ba=Symbol.for("react.provider"),ca=Symbol.for("react.server_context"),da=Symbol.for("react.forward_ref"),ea=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),fa=Symbol.for("react.default_value");
-function A(a,c,d,b,f,g,h){this.acceptsBooleans=2===c||3===c||4===c;this.attributeName=b;this.attributeNamespace=f;this.mustUseProperty=d;this.propertyName=a;this.type=c;this.sanitizeURL=g;this.removeEmptyString=h}var ha="children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ");ha.push("innerText","textContent");ha.forEach(function(a){new A(a,0,!1,a,null,!1,!1)});
-[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){new A(a[0],1,!1,a[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(a){new A(a,2,!1,a.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){new A(a,2,!1,a,null,!1,!1)});
-"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(a){new A(a,3,!1,a.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(a){new A(a,3,!0,a,null,!1,!1)});["capture","download"].forEach(function(a){new A(a,4,!1,a,null,!1,!1)});
-["cols","rows","size","span"].forEach(function(a){new A(a,6,!1,a,null,!1,!1)});["rowSpan","start"].forEach(function(a){new A(a,5,!1,a.toLowerCase(),null,!1,!1)});var B=/[\-:]([a-z])/g;function C(a){return a[1].toUpperCase()}
-"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(a){var c=a.replace(B,
-C);new A(c,1,!1,a,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var c=a.replace(B,C);new A(c,1,!1,a,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(a){var c=a.replace(B,C);new A(c,1,!1,a,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(a){new A(a,1,!1,a.toLowerCase(),null,!1,!1)});
-new A("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(a){new A(a,1,!1,a.toLowerCase(),null,!0,!0)});
+'use strict';var e=require("react"),l=null,m=0;function n(a,b){if(0!==b.length)if(512<b.length)0<m&&(a.enqueue(new Uint8Array(l.buffer,0,m)),l=new Uint8Array(512),m=0),a.enqueue(b);else{var d=l.length-m;d<b.length&&(0===d?a.enqueue(l):(l.set(b.subarray(0,d),m),a.enqueue(l),b=b.subarray(d)),l=new Uint8Array(512),m=0);l.set(b,m);m+=b.length}return!0}var p=new TextEncoder;function q(a){return p.encode(a)}function t(a,b){"function"===typeof a.error?a.error(b):a.close()}
+var u=JSON.stringify,w=Symbol.for("react.module.reference"),x=Symbol.for("react.element"),aa=Symbol.for("react.fragment"),ba=Symbol.for("react.provider"),ca=Symbol.for("react.server_context"),da=Symbol.for("react.forward_ref"),ea=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),fa=Symbol.for("react.default_value");
+function z(a,b,d,c,f,g,h){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=c;this.attributeNamespace=f;this.mustUseProperty=d;this.propertyName=a;this.type=b;this.sanitizeURL=g;this.removeEmptyString=h}var ha="children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ");ha.push("innerText","textContent");ha.forEach(function(a){new z(a,0,!1,a,null,!1,!1)});
+[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){new z(a[0],1,!1,a[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(a){new z(a,2,!1,a.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){new z(a,2,!1,a,null,!1,!1)});
+"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(a){new z(a,3,!1,a.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(a){new z(a,3,!0,a,null,!1,!1)});["capture","download"].forEach(function(a){new z(a,4,!1,a,null,!1,!1)});
+["cols","rows","size","span"].forEach(function(a){new z(a,6,!1,a,null,!1,!1)});["rowSpan","start"].forEach(function(a){new z(a,5,!1,a.toLowerCase(),null,!1,!1)});var B=/[\-:]([a-z])/g;function C(a){return a[1].toUpperCase()}
+"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(a){var b=a.replace(B,
+C);new z(b,1,!1,a,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var b=a.replace(B,C);new z(b,1,!1,a,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(a){var b=a.replace(B,C);new z(b,1,!1,a,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(a){new z(a,1,!1,a.toLowerCase(),null,!1,!1)});
+new z("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(a){new z(a,1,!1,a.toLowerCase(),null,!0,!0)});
 var D={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,
-fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ia=["Webkit","ms","Moz","O"];Object.keys(D).forEach(function(a){ia.forEach(function(c){c=c+a.charAt(0).toUpperCase()+a.substring(1);D[c]=D[a]})});var ja=Array.isArray;q("<script>");q("\x3c/script>");q('<script src="');q('<script type="module" src="');q('" integrity="');q('" async="">\x3c/script>');q("\x3c!-- --\x3e");q(' style="');q(":");q(";");q(" ");q('="');q('"');
+fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ia=["Webkit","ms","Moz","O"];Object.keys(D).forEach(function(a){ia.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);D[b]=D[a]})});var ja=Array.isArray;q("<script>");q("\x3c/script>");q('<script src="');q('<script type="module" src="');q('" integrity="');q('" async="">\x3c/script>');q("\x3c!-- --\x3e");q(' style="');q(":");q(";");q(" ");q('="');q('"');
 q('=""');q(">");q("/>");q(' selected=""');q("\n");q("<!DOCTYPE html>");q("</");q(">");q('<template id="');q('"></template>');q("\x3c!--$--\x3e");q('\x3c!--$?--\x3e<template id="');q('"></template>');q("\x3c!--$!--\x3e");q("\x3c!--/$--\x3e");q("<template");q('"');q(' data-dgst="');q(' data-msg="');q(' data-stck="');q("></template>");q('<div hidden id="');q('">');q("</div>");q('<svg aria-hidden="true" style="display:none" id="');q('">');q("</svg>");q('<math aria-hidden="true" style="display:none" id="');
 q('">');q("</math>");q('<table hidden id="');q('">');q("</table>");q('<table hidden><tbody id="');q('">');q("</tbody></table>");q('<table hidden><tr id="');q('">');q("</tr></table>");q('<table hidden><colgroup id="');q('">');q("</colgroup></table>");q('function $RS(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("');q('$RS("');q('","');q('")\x3c/script>');q('function $RC(a,b){a=document.getElementById(a);b=document.getElementById(b);b.parentNode.removeChild(b);if(a){a=a.previousSibling;var f=a.parentNode,c=a.nextSibling,e=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d)if(0===e)break;else e--;else"$"!==d&&"$?"!==d&&"$!"!==d||e++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;b.firstChild;)f.insertBefore(b.firstChild,c);a.data="$";a._reactRetry&&a._reactRetry()}};$RC("');
 q('$RC("');q('","');q('")\x3c/script>');q('function $RX(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())};$RX("');q('$RX("');q('"');q(")\x3c/script>");q(",");var E=null;
-function F(a,c){if(a!==c){a.context._currentValue=a.parentValue;a=a.parent;var d=c.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");F(a,d);c.context._currentValue=c.value}}}function ka(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&ka(a)}
-function la(a){var c=a.parent;null!==c&&la(c);a.context._currentValue=a.value}function ma(a,c){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===c.depth?F(a,c):ma(a,c)}
-function na(a,c){var d=c.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?F(a,d):na(a,d);c.context._currentValue=c.value}function G(a){var c=E;c!==a&&(null===c?la(a):null===a?ka(c):c.depth===a.depth?F(c,a):c.depth>a.depth?ma(c,a):na(c,a),E=a)}function oa(a,c){var d=a._currentValue;a._currentValue=c;var b=E;return E=a={parent:b,depth:null===b?0:b.depth+1,context:a,parentValue:d,value:c}}
-function pa(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(c){"pending"===a.status&&(a.status="fulfilled",a.value=c)},function(c){"pending"===a.status&&(a.status="rejected",a.reason=c)}))}}var H=null,I=0,J=null;function qa(){var a=J;J=null;return a}function ra(a){return a._currentValue}
-var wa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:K,useTransition:K,getCacheForType:function(a){if(!L)throw Error("Reading the cache is only supported while rendering.");var c=L.get(a);void 0===c&&(c=a(),L.set(a,c));return c},readContext:ra,useContext:ra,useReducer:K,useRef:K,useState:K,useInsertionEffect:K,useLayoutEffect:K,useImperativeHandle:K,useEffect:K,useId:ta,useMutableSource:K,useSyncExternalStore:K,useCacheRefresh:function(){return ua},
+function F(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");F(a,d);b.context._currentValue=b.value}}}function ka(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&ka(a)}
+function la(a){var b=a.parent;null!==b&&la(b);a.context._currentValue=a.value}function ma(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?F(a,b):ma(a,b)}
+function na(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?F(a,d):na(a,d);b.context._currentValue=b.value}function G(a){var b=E;b!==a&&(null===b?la(a):null===a?ka(b):b.depth===a.depth?F(b,a):b.depth>a.depth?ma(b,a):na(b,a),E=a)}function oa(a,b){var d=a._currentValue;a._currentValue=b;var c=E;return E=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}
+function pa(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}}var H=null,I=0,J=null;function qa(){var a=J;J=null;return a}function ra(a){return a._currentValue}
+var wa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:K,useTransition:K,getCacheForType:function(a){if(!L)throw Error("Reading the cache is only supported while rendering.");var b=L.get(a);void 0===b&&(b=a(),L.set(a,b));return b},readContext:ra,useContext:ra,useReducer:K,useRef:K,useState:K,useInsertionEffect:K,useLayoutEffect:K,useImperativeHandle:K,useEffect:K,useId:ta,useMutableSource:K,useSyncExternalStore:K,useCacheRefresh:function(){return ua},
 useMemoCache:function(a){return Array(a)},use:va};function K(){throw Error("This Hook is not supported in Server Components.");}function ua(){if(!L)throw Error("Refreshing the cache is not supported in Server Components.");}var L=null;function ta(){if(null===H)throw Error("useId can only be used while React is rendering");var a=H.identifierCount++;return":"+H.identifierPrefix+"S"+a.toString(32)+":"}
-function va(a){if(null!==a&&"object"===typeof a)if("function"===typeof a.then){var c=I;I+=1;switch(a.status){case "fulfilled":return a.value;case "rejected":throw a.reason;default:a:{if(null!==J){var d=J[c];if(void 0!==d)break a}d=null}if(null!==d)switch(d.status){case "fulfilled":return d.value;case "rejected":throw d.reason;default:throw d;}else throw null===J&&(J=[]),J[c]=a,a;}}else if(a.$$typeof===ca)return a._currentValue;throw Error("An unsupported type was passed to use(): "+String(a));}
+function va(a){if(null!==a&&"object"===typeof a)if("function"===typeof a.then){var b=I;I+=1;switch(a.status){case "fulfilled":return a.value;case "rejected":throw a.reason;default:a:{if(null!==J){var d=J[b];if(void 0!==d)break a}d=null}if(null!==d)switch(d.status){case "fulfilled":return d.value;case "rejected":throw d.reason;default:throw d;}else throw null===J&&(J=[]),J[b]=a,a;}}else if(a.$$typeof===ca)return a._currentValue;throw Error("An unsupported type was passed to use(): "+String(a));}
 var xa=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,M=xa.ContextRegistry,N=xa.ReactCurrentDispatcher;function ya(a){console.error(a)}
-function za(a,c,d,b,f){var g=new Set,h=[],k={status:0,fatalError:null,destination:null,bundlerConfig:c,cache:new Map,nextChunkId:0,pendingChunks:0,abortableTasks:g,pingedTasks:h,completedModuleChunks:[],completedJSONChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenModules:new Map,writtenProviders:new Map,identifierPrefix:f||"",identifierCount:1,onError:void 0===d?ya:d,toJSON:function(a,b){return Aa(k,this,a,b)}};k.pendingChunks++;c=Ba(b);a=Ca(k,a,c,g);h.push(a);return k}var Da={};
-function O(a,c,d,b,f){if(null!==d&&void 0!==d)throw Error("Refs cannot be used in server components, nor passed to client components.");if("function"===typeof a){if(a.$$typeof===w)return[x,a,c,b];I=0;J=f;return a(b)}if("string"===typeof a)return[x,a,c,b];if("symbol"===typeof a)return a===aa?b.children:[x,a,c,b];if(null!=a&&"object"===typeof a){if(a.$$typeof===w)return[x,a,c,b];switch(a.$$typeof){case y:var g=a._init;a=g(a._payload);return O(a,c,d,b,f);case da:return c=a.render,I=0,J=f,c(b,void 0);
-case ea:return O(a.type,c,d,b,f);case ba:return oa(a._context,b.value),[x,a,c,{value:b.value,children:b.children,__pop:Da}]}}throw Error("Unsupported server component type: "+P(a));}function Ca(a,c,d,b){var f={id:a.nextChunkId++,status:0,model:c,context:d,ping:function(){var b=a.pingedTasks;b.push(f);1===b.length&&Ea(a)},thenableState:null};b.add(f);return f}
-function Fa(a,c,d,b){var f=b.filepath+"#"+b.name+(b.async?"#async":""),g=a.writtenModules,h=g.get(f);if(void 0!==h)return c[0]===x&&"1"===d?"@"+h.toString(16):"$"+h.toString(16);try{var k=a.bundlerConfig[b.filepath][b.name];var r=b.async?{id:k.id,chunks:k.chunks,name:k.name,async:!0}:k;a.pendingChunks++;var z=a.nextChunkId++,S=v(r),T="M"+z.toString(16)+":"+S+"\n";var U=p.encode(T);a.completedModuleChunks.push(U);g.set(f,z);return c[0]===x&&"1"===d?"@"+z.toString(16):"$"+z.toString(16)}catch(V){return a.pendingChunks++,
-c=a.nextChunkId++,Q(a,c,V),"$"+c.toString(16)}}function Ga(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(a,d){return d})}function R(a){var c=JSON.stringify(a);return'"'+a+'"'===c?a:c}function P(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.substr(0,10)+"...");case "object":if(ja(a))return"[...]";a=Ga(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
-function W(a,c){if(ja(a)){for(var d="[",b=0;b<a.length;b++){0<b&&(d+=", ");if(6<b){d+="...";break}var f=a[b];d=""+b===c&&"object"===typeof f&&null!==f?d+W(f):d+P(f)}return d+"]"}d="{";b=Object.keys(a);for(f=0;f<b.length;f++){0<f&&(d+=", ");if(6<f){d+="...";break}var g=b[f];d+=R(g)+": ";var h=a[g];d=g===c&&"object"===typeof h&&null!==h?d+W(h):d+P(h)}return d+"}"}
-function Aa(a,c,d,b){switch(b){case x:return"$"}for(;"object"===typeof b&&null!==b&&(b.$$typeof===x||b.$$typeof===y);)try{switch(b.$$typeof){case x:var f=b;b=O(f.type,f.key,f.ref,f.props,null);break;case y:var g=b._init;b=g(b._payload)}}catch(h){if("object"===typeof h&&null!==h&&"function"===typeof h.then)return a.pendingChunks++,a=Ca(a,b,E,a.abortableTasks),b=a.ping,h.then(b,b),pa(h),a.thenableState=qa(),"@"+a.id.toString(16);X(a,h);a.pendingChunks++;b=a.nextChunkId++;Q(a,b,h);return"@"+b.toString(16)}if(null===
-b)return null;if("object"===typeof b){if(b.$$typeof===w)return Fa(a,c,d,b);if(b.$$typeof===ba)return f=b._context._globalName,c=a.writtenProviders,b=c.get(d),void 0===b&&(a.pendingChunks++,b=a.nextChunkId++,c.set(f,b),d="P"+b.toString(16)+":"+f+"\n",d=p.encode(d),a.completedJSONChunks.push(d)),"$"+b.toString(16);if(b===Da){a=E;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");b=a.parentValue;a.context._currentValue=b===fa?a.context._defaultValue:b;E=
-a.parent;return}return b}if("string"===typeof b)return a="$"===b[0]||"@"===b[0]?"$"+b:b,a;if("boolean"===typeof b||"number"===typeof b||"undefined"===typeof b)return b;if("function"===typeof b){if(b.$$typeof===w)return Fa(a,c,d,b);if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to client component props. Remove "+(R(d)+" from these props if possible: "+W(c)+"\nIf you need interactivity, consider converting part of this to a client component."));throw Error("Functions cannot be passed directly to client components because they're not serializable. Remove "+
-(R(d)+" ("+(b.displayName||b.name||"function")+") from this object, or avoid the entire object: "+W(c)));}if("symbol"===typeof b){f=a.writtenSymbols;g=f.get(b);if(void 0!==g)return"$"+g.toString(16);g=b.description;if(Symbol.for(g)!==b)throw Error("Only global symbols received from Symbol.for(...) can be passed to client components. The symbol Symbol.for("+(b.description+") cannot be found among global symbols. Remove ")+(R(d)+" from this object, or avoid the entire object: "+W(c)));a.pendingChunks++;
-d=a.nextChunkId++;c=v(g);c="S"+d.toString(16)+":"+c+"\n";c=p.encode(c);a.completedModuleChunks.push(c);f.set(b,d);return"$"+d.toString(16)}if("bigint"===typeof b)throw Error("BigInt ("+b+") is not yet supported in client component props. Remove "+(R(d)+" from this object or use a plain number instead: "+W(c)));throw Error("Type "+typeof b+" is not supported in client component props. Remove "+(R(d)+" from this object, or avoid the entire object: "+W(c)));}function X(a,c){a=a.onError;a(c)}
-function Y(a,c){null!==a.destination?(a.status=2,u(a.destination,c)):(a.status=1,a.fatalError=c)}function Q(a,c,d){var b="";try{if(d instanceof Error){var f=String(d.message);b=String(d.stack)}else f="Error: "+d}catch(g){f="An error occurred but serializing the error message failed."}d={message:f,stack:b};c="E"+c.toString(16)+":"+v(d)+"\n";c=p.encode(c);a.completedErrorChunks.push(c)}
-function Ea(a){var c=N.current,d=L;N.current=wa;L=a.cache;H=a;try{var b=a.pingedTasks;a.pingedTasks=[];for(var f=0;f<b.length;f++){var g=b[f];var h=a;if(0===g.status){G(g.context);try{var k=g.model;if("object"===typeof k&&null!==k&&k.$$typeof===x){var r=k,z=g.thenableState;g.model=k;k=O(r.type,r.key,r.ref,r.props,z);for(g.thenableState=null;"object"===typeof k&&null!==k&&k.$$typeof===x;)r=k,g.model=k,k=O(r.type,r.key,r.ref,r.props,null)}var S=g.id,T=v(k,h.toJSON),U="J"+S.toString(16)+":"+T+"\n";var V=
-p.encode(U);h.completedJSONChunks.push(V);h.abortableTasks.delete(g);g.status=1}catch(t){if("object"===typeof t&&null!==t&&"function"===typeof t.then){var sa=g.ping;t.then(sa,sa);pa(t);g.thenableState=qa()}else h.abortableTasks.delete(g),g.status=4,X(h,t),Q(h,g.id,t)}}}null!==a.destination&&Z(a,a.destination)}catch(t){X(a,t),Y(a,t)}finally{N.current=c,L=d,H=null}}
-function Z(a,c){l=new Uint8Array(512);m=0;try{for(var d=a.completedModuleChunks,b=0;b<d.length;b++)if(a.pendingChunks--,!n(c,d[b])){a.destination=null;b++;break}d.splice(0,b);var f=a.completedJSONChunks;for(b=0;b<f.length;b++)if(a.pendingChunks--,!n(c,f[b])){a.destination=null;b++;break}f.splice(0,b);var g=a.completedErrorChunks;for(b=0;b<g.length;b++)if(a.pendingChunks--,!n(c,g[b])){a.destination=null;b++;break}g.splice(0,b)}finally{l&&0<m&&(c.enqueue(new Uint8Array(l.buffer,0,m)),l=null,m=0)}0===
-a.pendingChunks&&c.close()}function Ha(a,c){try{var d=a.abortableTasks;if(0<d.size){var b=void 0===c?Error("The render was aborted by the server without a reason."):c;X(a,b);a.pendingChunks++;var f=a.nextChunkId++;Q(a,f,b);d.forEach(function(b){b.status=3;var c="$"+f.toString(16);b=b.id;c=v(c);c="J"+b.toString(16)+":"+c+"\n";c=p.encode(c);a.completedErrorChunks.push(c)});d.clear()}null!==a.destination&&Z(a,a.destination)}catch(g){X(a,g),Y(a,g)}}
-function Ba(a){if(a){var c=E;G(null);for(var d=0;d<a.length;d++){var b=a[d],f=b[0];b=b[1];M[f]||(M[f]=e.createServerContext(f,fa));oa(M[f],b)}a=E;G(c);return a}return null}
-exports.renderToReadableStream=function(a,c,d){var b=za(a,c,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0);if(d&&d.signal){var f=d.signal;if(f.aborted)Ha(b,f.reason);else{var g=function(){Ha(b,f.reason);f.removeEventListener("abort",g)};f.addEventListener("abort",g)}}return new ReadableStream({type:"bytes",start:function(){Ea(b)},pull:function(a){if(1===b.status)b.status=2,u(a,b.fatalError);else if(2!==b.status&&null===b.destination){b.destination=a;try{Z(b,a)}catch(k){X(b,k),
-Y(b,k)}}},cancel:function(){}},{highWaterMark:0})};
+function za(a,b,d,c,f){var g=new Set,h=[],k={status:0,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,abortableTasks:g,pingedTasks:h,completedModuleChunks:[],completedJSONChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenModules:new Map,writtenProviders:new Map,identifierPrefix:f||"",identifierCount:1,onError:void 0===d?ya:d,toJSON:function(a,b){return Aa(k,this,a,b)}};k.pendingChunks++;b=Ba(c);a=Ca(k,a,b,g);h.push(a);return k}var Da={};
+function O(a,b,d,c,f){if(null!==d&&void 0!==d)throw Error("Refs cannot be used in server components, nor passed to client components.");if("function"===typeof a){if(a.$$typeof===w)return[x,a,b,c];I=0;J=f;return a(c)}if("string"===typeof a)return[x,a,b,c];if("symbol"===typeof a)return a===aa?c.children:[x,a,b,c];if(null!=a&&"object"===typeof a){if(a.$$typeof===w)return[x,a,b,c];switch(a.$$typeof){case y:var g=a._init;a=g(a._payload);return O(a,b,d,c,f);case da:return b=a.render,I=0,J=f,b(c,void 0);
+case ea:return O(a.type,b,d,c,f);case ba:return oa(a._context,c.value),[x,a,b,{value:c.value,children:c.children,__pop:Da}]}}throw Error("Unsupported server component type: "+P(a));}function Ca(a,b,d,c){var f={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){var b=a.pingedTasks;b.push(f);1===b.length&&Ea(a)},thenableState:null};c.add(f);return f}
+function Fa(a,b,d,c){var f=c.filepath+"#"+c.name+(c.async?"#async":""),g=a.writtenModules,h=g.get(f);if(void 0!==h)return b[0]===x&&"1"===d?"@"+h.toString(16):"$"+h.toString(16);try{var k=a.bundlerConfig[c.filepath][c.name];var r=c.async?{id:k.id,chunks:k.chunks,name:k.name,async:!0}:k;a.pendingChunks++;var A=a.nextChunkId++,S=u(r),T="M"+A.toString(16)+":"+S+"\n";var U=p.encode(T);a.completedModuleChunks.push(U);g.set(f,A);return b[0]===x&&"1"===d?"@"+A.toString(16):"$"+A.toString(16)}catch(V){return a.pendingChunks++,
+b=a.nextChunkId++,d=Q(a,V),R(a,b,d),"$"+b.toString(16)}}function Ga(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(a,d){return d})}function W(a){var b=JSON.stringify(a);return'"'+a+'"'===b?a:b}function P(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.substr(0,10)+"...");case "object":if(ja(a))return"[...]";a=Ga(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
+function X(a,b){if(ja(a)){for(var d="[",c=0;c<a.length;c++){0<c&&(d+=", ");if(6<c){d+="...";break}var f=a[c];d=""+c===b&&"object"===typeof f&&null!==f?d+X(f):d+P(f)}return d+"]"}d="{";c=Object.keys(a);for(f=0;f<c.length;f++){0<f&&(d+=", ");if(6<f){d+="...";break}var g=c[f];d+=W(g)+": ";var h=a[g];d=g===b&&"object"===typeof h&&null!==h?d+X(h):d+P(h)}return d+"}"}
+function Aa(a,b,d,c){switch(c){case x:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===x||c.$$typeof===y);)try{switch(c.$$typeof){case x:var f=c;c=O(f.type,f.key,f.ref,f.props,null);break;case y:var g=c._init;c=g(c._payload)}}catch(h){if("object"===typeof h&&null!==h&&"function"===typeof h.then)return a.pendingChunks++,a=Ca(a,c,E,a.abortableTasks),c=a.ping,h.then(c,c),pa(h),a.thenableState=qa(),"@"+a.id.toString(16);Q(a,h);a.pendingChunks++;c=a.nextChunkId++;d=Q(a,h);R(a,c,d);return"@"+
+c.toString(16)}if(null===c)return null;if("object"===typeof c){if(c.$$typeof===w)return Fa(a,b,d,c);if(c.$$typeof===ba)return f=c._context._globalName,b=a.writtenProviders,c=b.get(d),void 0===c&&(a.pendingChunks++,c=a.nextChunkId++,b.set(f,c),d="P"+c.toString(16)+":"+f+"\n",d=p.encode(d),a.completedJSONChunks.push(d)),"$"+c.toString(16);if(c===Da){a=E;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");c=a.parentValue;a.context._currentValue=c===fa?a.context._defaultValue:
+c;E=a.parent;return}return c}if("string"===typeof c)return a="$"===c[0]||"@"===c[0]?"$"+c:c,a;if("boolean"===typeof c||"number"===typeof c||"undefined"===typeof c)return c;if("function"===typeof c){if(c.$$typeof===w)return Fa(a,b,d,c);if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to client component props. Remove "+(W(d)+" from these props if possible: "+X(b)+"\nIf you need interactivity, consider converting part of this to a client component."));throw Error("Functions cannot be passed directly to client components because they're not serializable. Remove "+
+(W(d)+" ("+(c.displayName||c.name||"function")+") from this object, or avoid the entire object: "+X(b)));}if("symbol"===typeof c){f=a.writtenSymbols;g=f.get(c);if(void 0!==g)return"$"+g.toString(16);g=c.description;if(Symbol.for(g)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to client components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols. Remove ")+(W(d)+" from this object, or avoid the entire object: "+X(b)));a.pendingChunks++;
+d=a.nextChunkId++;b=u(g);b="S"+d.toString(16)+":"+b+"\n";b=p.encode(b);a.completedModuleChunks.push(b);f.set(c,d);return"$"+d.toString(16)}if("bigint"===typeof c)throw Error("BigInt ("+c+") is not yet supported in client component props. Remove "+(W(d)+" from this object or use a plain number instead: "+X(b)));throw Error("Type "+typeof c+" is not supported in client component props. Remove "+(W(d)+" from this object, or avoid the entire object: "+X(b)));}
+function Q(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}function Y(a,b){null!==a.destination?(a.status=2,t(a.destination,b)):(a.status=1,a.fatalError=b)}
+function R(a,b,d){d={digest:d};b="E"+b.toString(16)+":"+u(d)+"\n";b=p.encode(b);a.completedErrorChunks.push(b)}
+function Ea(a){var b=N.current,d=L;N.current=wa;L=a.cache;H=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var f=0;f<c.length;f++){var g=c[f];var h=a;if(0===g.status){G(g.context);try{var k=g.model;if("object"===typeof k&&null!==k&&k.$$typeof===x){var r=k,A=g.thenableState;g.model=k;k=O(r.type,r.key,r.ref,r.props,A);for(g.thenableState=null;"object"===typeof k&&null!==k&&k.$$typeof===x;)r=k,g.model=k,k=O(r.type,r.key,r.ref,r.props,null)}var S=g.id,T=u(k,h.toJSON),U="J"+S.toString(16)+":"+T+"\n";var V=
+p.encode(U);h.completedJSONChunks.push(V);h.abortableTasks.delete(g);g.status=1}catch(v){if("object"===typeof v&&null!==v&&"function"===typeof v.then){var sa=g.ping;v.then(sa,sa);pa(v);g.thenableState=qa()}else{h.abortableTasks.delete(g);g.status=4;var Ia=Q(h,v);R(h,g.id,Ia)}}}}null!==a.destination&&Z(a,a.destination)}catch(v){Q(a,v),Y(a,v)}finally{N.current=b,L=d,H=null}}
+function Z(a,b){l=new Uint8Array(512);m=0;try{for(var d=a.completedModuleChunks,c=0;c<d.length;c++)if(a.pendingChunks--,!n(b,d[c])){a.destination=null;c++;break}d.splice(0,c);var f=a.completedJSONChunks;for(c=0;c<f.length;c++)if(a.pendingChunks--,!n(b,f[c])){a.destination=null;c++;break}f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)if(a.pendingChunks--,!n(b,g[c])){a.destination=null;c++;break}g.splice(0,c)}finally{l&&0<m&&(b.enqueue(new Uint8Array(l.buffer,0,m)),l=null,m=0)}0===
+a.pendingChunks&&b.close()}function Ha(a,b){try{var d=a.abortableTasks;if(0<d.size){var c=Q(a,void 0===b?Error("The render was aborted by the server without a reason."):b);a.pendingChunks++;var f=a.nextChunkId++;R(a,f,c);d.forEach(function(b){b.status=3;var c="$"+f.toString(16);b=b.id;c=u(c);c="J"+b.toString(16)+":"+c+"\n";c=p.encode(c);a.completedErrorChunks.push(c)});d.clear()}null!==a.destination&&Z(a,a.destination)}catch(g){Q(a,g),Y(a,g)}}
+function Ba(a){if(a){var b=E;G(null);for(var d=0;d<a.length;d++){var c=a[d],f=c[0];c=c[1];M[f]||(M[f]=e.createServerContext(f,fa));oa(M[f],c)}a=E;G(b);return a}return null}
+exports.renderToReadableStream=function(a,b,d){var c=za(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0);if(d&&d.signal){var f=d.signal;if(f.aborted)Ha(c,f.reason);else{var g=function(){Ha(c,f.reason);f.removeEventListener("abort",g)};f.addEventListener("abort",g)}}return new ReadableStream({type:"bytes",start:function(){Ea(c)},pull:function(a){if(1===c.status)c.status=2,t(a,c.fatalError);else if(2!==c.status&&null===c.destination){c.destination=a;try{Z(c,a)}catch(k){Q(c,k),
+Y(c,k)}}},cancel:function(){}},{highWaterMark:0})};
diff --git a/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack.development.js b/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack.development.js
index 64752adc0b44d..daf0fc5d80606 100644
--- a/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack.development.js
+++ b/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack.development.js
@@ -677,17 +677,20 @@ function resolveSymbol(response, id, name) {
 
   chunks.set(id, createInitializedChunk(response, Symbol.for(name)));
 }
-function resolveError(response, id, message, stack) {
-  // eslint-disable-next-line react-internal/prod-error-codes
-  var error = new Error(message);
+function resolveErrorDev(response, id, digest, message, stack) {
+
+
+  var error = new Error(message || 'An error occurred in the Server Components render but no message was provided');
   error.stack = stack;
+  error.digest = digest;
+  var errorWithDigest = error;
   var chunks = response._chunks;
   var chunk = chunks.get(id);
 
   if (!chunk) {
-    chunks.set(id, createErrorChunk(response, error));
+    chunks.set(id, createErrorChunk(response, errorWithDigest));
   } else {
-    triggerErrorOnChunk(chunk, error);
+    triggerErrorOnChunk(chunk, errorWithDigest);
   }
 }
 function close(response) {
@@ -740,7 +743,11 @@ function processFullRow(response, row) {
     case 'E':
       {
         var errorInfo = JSON.parse(text);
-        resolveError(response, id, errorInfo.message, errorInfo.stack);
+
+        {
+          resolveErrorDev(response, id, errorInfo.digest, errorInfo.message, errorInfo.stack);
+        }
+
         return;
       }
 
diff --git a/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack.production.min.js b/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack.production.min.js
index de1bcd821c6ac..0e93dcffa1ba6 100644
--- a/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack.production.min.js
+++ b/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack.production.min.js
@@ -18,8 +18,8 @@ function B(a){try{var b=a.value;if(b.async){var c=p.get(b.id);if("fulfilled"===c
 function N(a,b,c){if(J){var d=J;d.deps++}else d=J={deps:1,value:null};return function(e){b[c]=e;d.deps--;0===d.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=d.value,null!==e&&E(e,d.value))}}function O(a){return function(b){return G(a,b)}}
 function P(a,b,c,d){switch(d[0]){case "$":if("$"===d)return t;if("$"===d[1]||"@"===d[1])return d.substring(1);d=parseInt(d.substring(1),16);a=L(a,d);switch(a.status){case "resolved_model":z(a);break;case "resolved_module":B(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return d=I,a.then(N(d,b,c),O(d)),null;default:throw a.reason;}case "@":return b=parseInt(d.substring(1),16),b=L(a,b),{$$typeof:u,_payload:b,_init:C}}return d}
 function Q(a,b,c){var d=a._chunks,e=d.get(b);c=JSON.parse(c,a._fromJSON);var f=m(a._bundlerConfig,c);if(c=r(f)){if(e){var l=e;l.status="blocked"}else l=new y("blocked",null,null,a),d.set(b,l);c.then(function(){return H(l,f)},function(a){return G(l,a)})}else e?H(e,f):d.set(b,new y("resolved_module",f,null,a))}function R(a){K(a,Error("Connection closed."))}
-function S(a,b){if(""!==b){var c=b[0],d=b.indexOf(":",1),e=parseInt(b.substring(1,d),16);b=b.substring(d+1);switch(c){case "J":d=a._chunks;(c=d.get(e))?"pending"===c.status&&(a=c.value,e=c.reason,c.status="resolved_model",c.value=b,null!==a&&(z(c),F(c,a,e))):d.set(e,new y("resolved_model",b,null,a));break;case "M":Q(a,e,b);break;case "P":a._chunks.set(e,D(a,x(b).Provider));break;case "S":b=JSON.parse(b);a._chunks.set(e,D(a,Symbol.for(b)));break;case "E":c=JSON.parse(b);b=Error(c.message);b.stack=
-c.stack;c=a._chunks;(d=c.get(e))?G(d,b):c.set(e,new y("rejected",null,b,a));break;default:throw Error("Error parsing the data. It's probably an error code or network corruption.");}}}function T(a){return function(b,c){return"string"===typeof c?P(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===t?{$$typeof:t,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}
+function S(a,b){if(""!==b){var c=b[0],d=b.indexOf(":",1),e=parseInt(b.substring(1,d),16);b=b.substring(d+1);switch(c){case "J":d=a._chunks;(c=d.get(e))?"pending"===c.status&&(a=c.value,e=c.reason,c.status="resolved_model",c.value=b,null!==a&&(z(c),F(c,a,e))):d.set(e,new y("resolved_model",b,null,a));break;case "M":Q(a,e,b);break;case "P":a._chunks.set(e,D(a,x(b).Provider));break;case "S":b=JSON.parse(b);a._chunks.set(e,D(a,Symbol.for(b)));break;case "E":c=JSON.parse(b).digest;b=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
+b.stack="";b.digest=c;c=a._chunks;(d=c.get(e))?G(d,b):c.set(e,new y("rejected",null,b,a));break;default:throw Error("Error parsing the data. It's probably an error code or network corruption.");}}}function T(a){return function(b,c){return"string"===typeof c?P(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===t?{$$typeof:t,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}
 function U(a){var b=new TextDecoder,c=new Map;a={_bundlerConfig:a,_chunks:c,_partialRow:"",_stringDecoder:b};a._fromJSON=T(a);return a}function V(a,b){function c(b){var f=b.value;if(b.done)R(a);else{b=f;f=a._stringDecoder;for(var g=b.indexOf(10);-1<g;){var M=a._partialRow;var A=b.subarray(0,g);A=f.decode(A);S(a,M+A);a._partialRow="";b=b.subarray(g+1);g=b.indexOf(10)}a._partialRow+=f.decode(b,k);return e.read().then(c).catch(d)}}function d(b){K(a,b)}var e=b.getReader();e.read().then(c).catch(d)}
 exports.createFromFetch=function(a,b){var c=U(b&&b.moduleMap?b.moduleMap:null);a.then(function(a){V(c,a.body)},function(a){K(c,a)});return L(c,0)};exports.createFromReadableStream=function(a,b){b=U(b&&b.moduleMap?b.moduleMap:null);V(b,a);return L(b,0)};
 exports.createFromXHR=function(a,b){function c(){for(var b=a.responseText,c=f,d=b.indexOf("\n",c);-1<d;)c=e._partialRow+b.substring(c,d),S(e,c),e._partialRow="",c=d+1,d=b.indexOf("\n",c);e._partialRow+=b.substring(c);f=b.length}function d(){K(e,new TypeError("Network error"))}var e=U(b&&b.moduleMap?b.moduleMap:null),f=0;a.addEventListener("progress",c);a.addEventListener("load",function(){c();R(e)});a.addEventListener("error",d);a.addEventListener("abort",d);a.addEventListener("timeout",d);return L(e,
diff --git a/packages/next/export/worker.ts b/packages/next/export/worker.ts
index e27ab26c863a6..d649c575b9fea 100644
--- a/packages/next/export/worker.ts
+++ b/packages/next/export/worker.ts
@@ -29,6 +29,7 @@ import isError from '../lib/is-error'
 import { addRequestMeta } from '../server/request-meta'
 import { normalizeAppPath } from '../shared/lib/router/utils/app-paths'
 import { REDIRECT_ERROR_CODE } from '../client/components/redirect'
+import { DYNAMIC_ERROR_CODE } from '../client/components/hooks-server-context'
 
 loadRequireHook()
 const envConfig = require('../shared/lib/runtime-config')
@@ -388,8 +389,6 @@ export default async function exportPage({
         // and bail when dynamic dependencies are detected
         // only fully static paths are fully generated here
         if (isAppDir) {
-          const { DynamicServerError } = components.ComponentMod.serverHooks
-
           const { renderToHTMLOrFlight } =
             require('../server/app-render') as typeof import('../server/app-render')
 
@@ -417,10 +416,10 @@ export default async function exportPage({
                 flightData
               )
             }
-          } catch (err) {
+          } catch (err: any) {
             if (
-              !(err instanceof DynamicServerError) &&
-              (err as any).code !== REDIRECT_ERROR_CODE
+              err.digest !== DYNAMIC_ERROR_CODE &&
+              err.digest !== REDIRECT_ERROR_CODE
             ) {
               throw err
             }
diff --git a/packages/next/package.json b/packages/next/package.json
index 8972859ed16a2..ba4438a63f4e3 100644
--- a/packages/next/package.json
+++ b/packages/next/package.json
@@ -242,7 +242,7 @@
     "raw-body": "2.4.1",
     "react-is": "17.0.2",
     "react-refresh": "0.12.0",
-    "react-server-dom-webpack": "0.0.0-experimental-8951c5fc9-20220915",
+    "react-server-dom-webpack": "0.0.0-experimental-cb5084d1c-20220924",
     "regenerator-runtime": "0.13.4",
     "sass-loader": "12.4.0",
     "schema-utils2": "npm:schema-utils@2.7.1",
diff --git a/packages/next/server/app-render.tsx b/packages/next/server/app-render.tsx
index 19d9f7b7c8ef9..1834f62e261b0 100644
--- a/packages/next/server/app-render.tsx
+++ b/packages/next/server/app-render.tsx
@@ -30,6 +30,7 @@ import { stripInternalQueries } from './internal-utils'
 import type { ComponentsType } from '../build/webpack/loaders/next-app-loader'
 import { REDIRECT_ERROR_CODE } from '../client/components/redirect'
 import { NextCookies } from './web/spec-extension/cookies'
+import { DYNAMIC_ERROR_CODE } from '../client/components/hooks-server-context'
 
 const INTERNAL_HEADERS_INSTANCE = Symbol('internal for headers readonly')
 
@@ -170,19 +171,18 @@ function createErrorHandler(
 ) {
   return (err: any) => {
     if (
-      // Use error message instead of type because HTML renderer uses Flight data which is serialized so it's not the same object instance.
-      err.message &&
-      !err.message.includes('Dynamic server usage') &&
       // TODO-APP: Handle redirect throw
-      err.code !== REDIRECT_ERROR_CODE &&
-      err.message !== REDIRECT_ERROR_CODE
+      err.digest !== DYNAMIC_ERROR_CODE &&
+      err.digest !== REDIRECT_ERROR_CODE
     ) {
       // Used for debugging error source
       // console.error(_source, err)
       console.error(err)
       capturedErrors.push(err)
+      return err.digest || err.message
     }
-    return null
+
+    return err.digest
   }
 }
 
@@ -1299,7 +1299,7 @@ export async function renderToHTMLOrFlight(
           flushEffectsToHead: true,
         })
       } catch (err: any) {
-        if (err.code === REDIRECT_ERROR_CODE) {
+        if (err.digest === REDIRECT_ERROR_CODE) {
           throw err
         }
 
@@ -1361,7 +1361,7 @@ export async function renderToHTMLOrFlight(
     try {
       return new RenderResult(await bodyResult())
     } catch (err: any) {
-      if (err.code === REDIRECT_ERROR_CODE) {
+      if (err.digest === REDIRECT_ERROR_CODE) {
         ;(renderOpts as any).pageData = {
           pageProps: {
             __N_REDIRECT: err.url,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 075961fed9f8f..e2fb348722924 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -142,8 +142,8 @@ importers:
       react-17: npm:react@17.0.2
       react-dom: 18.2.0
       react-dom-17: npm:react-dom@17.0.2
-      react-dom-exp: npm:react-dom@0.0.0-experimental-8951c5fc9-20220915
-      react-exp: npm:react@0.0.0-experimental-8951c5fc9-20220915
+      react-dom-exp: npm:react-dom@0.0.0-experimental-cb5084d1c-20220924
+      react-exp: npm:react@0.0.0-experimental-cb5084d1c-20220924
       react-ssr-prepass: 1.0.8
       react-virtualized: 9.22.3
       relay-compiler: 13.0.2
@@ -299,8 +299,8 @@ importers:
       react-17: /react/17.0.2
       react-dom: 18.2.0_react@18.2.0
       react-dom-17: /react-dom/17.0.2_react@18.2.0
-      react-dom-exp: /react-dom/0.0.0-experimental-8951c5fc9-20220915_react@18.2.0
-      react-exp: /react/0.0.0-experimental-8951c5fc9-20220915
+      react-dom-exp: /react-dom/0.0.0-experimental-cb5084d1c-20220924_react@18.2.0
+      react-exp: /react/0.0.0-experimental-cb5084d1c-20220924
       react-ssr-prepass: 1.0.8_qncsgtzehe3fgiqp6tr7lwq6fm
       react-virtualized: 9.22.3_biqbaboplfbrettd7655fr4n2y
       relay-compiler: 13.0.2
@@ -555,7 +555,7 @@ importers:
       raw-body: 2.4.1
       react-is: 17.0.2
       react-refresh: 0.12.0
-      react-server-dom-webpack: 0.0.0-experimental-8951c5fc9-20220915
+      react-server-dom-webpack: 0.0.0-experimental-cb5084d1c-20220924
       regenerator-runtime: 0.13.4
       sass-loader: 12.4.0
       schema-utils2: npm:schema-utils@2.7.1
@@ -744,7 +744,7 @@ importers:
       raw-body: 2.4.1
       react-is: 17.0.2
       react-refresh: 0.12.0
-      react-server-dom-webpack: 0.0.0-experimental-8951c5fc9-20220915_webpack@5.74.0
+      react-server-dom-webpack: 0.0.0-experimental-cb5084d1c-20220924_webpack@5.74.0
       regenerator-runtime: 0.13.4
       sass-loader: 12.4.0_webpack@5.74.0
       schema-utils2: /schema-utils/2.7.1
@@ -24392,17 +24392,17 @@ packages:
       strip-json-comments: 2.0.1
     dev: true
 
-  /react-dom/0.0.0-experimental-8951c5fc9-20220915_react@18.2.0:
+  /react-dom/0.0.0-experimental-cb5084d1c-20220924_react@18.2.0:
     resolution:
       {
-        integrity: sha512-zRK9YAhohnYYJ4WhtZ1MyfR1w2XA+yiaAJAqx5Zg6Wyi0tHE1tQfhmoF7wdI4k3ZTvPjQO+IxkI+/sfOcu6OTA==,
+        integrity: sha512-0IHzPGHESn3uu8nI1w5596GX8bCGCE94DpaHkKSGWOlB6uhoVecU0fyOCkkNuB4cMc9WeOWiH2gsM100EWZDPQ==,
       }
     peerDependencies:
-      react: 0.0.0-experimental-8951c5fc9-20220915
+      react: 0.0.0-experimental-cb5084d1c-20220924
     dependencies:
       loose-envify: 1.4.0
       react: 18.2.0
-      scheduler: 0.0.0-experimental-8951c5fc9-20220915
+      scheduler: 0.0.0-experimental-cb5084d1c-20220924
     dev: true
 
   /react-dom/17.0.2_react@18.2.0:
@@ -24467,14 +24467,14 @@ packages:
     engines: { node: '>=0.10.0' }
     dev: true
 
-  /react-server-dom-webpack/0.0.0-experimental-8951c5fc9-20220915_webpack@5.74.0:
+  /react-server-dom-webpack/0.0.0-experimental-cb5084d1c-20220924_webpack@5.74.0:
     resolution:
       {
-        integrity: sha512-gIz7hb0Sp8v3y66K5sETigHSC1VS2k/w2UvJ5vuIr+oXsp30M3QzINxHKVuausgIP+2X8c5J9BZukh3fMutiyw==,
+        integrity: sha512-7dywHsO5GV8FJiTnEvL7N1ArRLemxEmt10Ear15b7gNcxf+DMAraffj4O1j9uH+v6/ssbaeR8470yXCx0c76Gw==,
       }
     engines: { node: '>=0.10.0' }
     peerDependencies:
-      react: 0.0.0-experimental-8951c5fc9-20220915
+      react: 0.0.0-experimental-cb5084d1c-20220924
       webpack: ^5.59.0
     dependencies:
       acorn: 6.4.2
@@ -24516,10 +24516,10 @@ packages:
       react-lifecycles-compat: 3.0.4
     dev: true
 
-  /react/0.0.0-experimental-8951c5fc9-20220915:
+  /react/0.0.0-experimental-cb5084d1c-20220924:
     resolution:
       {
-        integrity: sha512-/pGYDqlIZAF4UMSTvlTU1Gd9etFqsUAT51vebc9Az13tE0hV0dmFdHa4T79Qx1JJ6Bd146X2RjScBhbx/ROmQA==,
+        integrity: sha512-66AdfxkJrwCaCEKT0LQRd9J9GQ9T+yN7Wx9XT+tNxKycYQ0Exm+DZxOTedagWDlsFMXroyhrTWzgdC18R2PaOQ==,
       }
     engines: { node: '>=0.10.0' }
     dependencies:
@@ -25861,10 +25861,10 @@ packages:
       xmlchars: 2.2.0
     dev: true
 
-  /scheduler/0.0.0-experimental-8951c5fc9-20220915:
+  /scheduler/0.0.0-experimental-cb5084d1c-20220924:
     resolution:
       {
-        integrity: sha512-3ar+dNPu8yBC0DK1aEgT+dPUwEFoVQjVmsjcqKuYK7inTwsgQkDeTlGVQV1ELULf9vUwyuodHjGBFQI+XBQ0bg==,
+        integrity: sha512-SeszKCdhM5OHxNMStjpKIAaloARUMZqIpDZjkZeGuRsyr7YlAqvlsCXyee4ZQOOU1pbr7BIvQntKy5Hil+DQJA==,
       }
     dependencies:
       loose-envify: 1.4.0