react-server-dom-webpack 19.0.0-canary-e3ebcd54b-20240405 → 19.0.0-canary-4c12339ce-20240408

package/cjs/react-server-dom-webpack-server.node.development.js

@@ -525,6 +525,7 @@ var ReactDOMSharedInternals = ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL
 var ReactDOMCurrentDispatcher = ReactDOMSharedInternals.ReactDOMCurrentDispatcher;
 var previousDispatcher = ReactDOMCurrentDispatcher.current;
 ReactDOMCurrentDispatcher.current = {
+  flushSyncWork: previousDispatcher.flushSyncWork,
   prefetchDNS: prefetchDNS,
   preconnect: preconnect,
   preload: preload,
@@ -992,21 +993,34 @@ function getSuspendedThenable() {
 var currentRequest$1 = null;
 var thenableIndexCounter = 0;
 var thenableState = null;
+var currentComponentDebugInfo = null;
 function prepareToUseHooksForRequest(request) {
   currentRequest$1 = request;
 }
 function resetHooksForRequest() {
   currentRequest$1 = null;
 }
-function prepareToUseHooksForComponent(prevThenableState) {
+function prepareToUseHooksForComponent(prevThenableState, componentDebugInfo) {
   thenableIndexCounter = 0;
   thenableState = prevThenableState;
+
+  {
+    currentComponentDebugInfo = componentDebugInfo;
+  }
 }
 function getThenableStateAfterSuspending() {
   // If you use() to Suspend this should always exist but if you throw a Promise instead,
   // which is not really supported anymore, it will be empty. We use the empty set as a
   // marker to know if this was a replay of the same component or first attempt.
   var state = thenableState || createThenableState();
+
+  {
+    // This is a hack but we stash the debug info here so that we don't need a completely
+    // different data structure just for this in DEV. Not too happy about it.
+    state._componentDebugInfo = currentComponentDebugInfo;
+    currentComponentDebugInfo = null;
+  }
+
   thenableState = null;
   return state;
 }
@@ -1485,6 +1499,7 @@ var SEEN_BUT_NOT_YET_OUTLINED = -1;
 var NEVER_OUTLINED = -2;
 var ReactCurrentCache = ReactSharedServerInternals.ReactCurrentCache;
 var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
 
 function defaultErrorHandler(error) {
   console['error'](error); // Don't transform to our wrapper
@@ -1710,33 +1725,56 @@ function createLazyWrapperAroundWakeable(wakeable) {
   return lazyType;
 }
 
-function renderFunctionComponent(request, task, key, Component, props) {
+function renderFunctionComponent(request, task, key, Component, props, owner) {
   // Reset the task's thenable state before continuing, so that if a later
   // component suspends we can reuse the same task object. If the same
   // component suspends again, the thenable state will be restored.
   var prevThenableState = task.thenableState;
   task.thenableState = null;
+  var componentDebugInfo = null;
 
   {
     if (debugID === null) {
       // We don't have a chunk to assign debug info. We need to outline this
       // component to assign it an ID.
       return outlineTask(request, task);
-    } else if (prevThenableState !== null) ; else {
+    } else if (prevThenableState !== null) {
+      // This is a replay and we've already emitted the debug info of this component
+      // in the first pass. We skip emitting a duplicate line.
+      // As a hack we stashed the previous component debug info on this object in DEV.
+      componentDebugInfo = prevThenableState._componentDebugInfo;
+    } else {
       // This is a new component in the same task so we can emit more debug info.
       var componentName = Component.displayName || Component.name || '';
       request.pendingChunks++;
-      emitDebugChunk(request, debugID, {
+      var componentDebugID = debugID;
+      componentDebugInfo = {
         name: componentName,
-        env: request.environmentName
-      });
+        env: request.environmentName,
+        owner: owner
+      }; // We outline this model eagerly so that we can refer to by reference as an owner.
+      // If we had a smarter way to dedupe we might not have to do this if there ends up
+      // being no references to this as an owner.
+
+      outlineModel(request, componentDebugInfo);
+      emitDebugChunk(request, componentDebugID, componentDebugInfo);
     }
   }
 
-  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+  prepareToUseHooksForComponent(prevThenableState, componentDebugInfo); // The secondArg is always undefined in Server Components since refs error early.
 
   var secondArg = undefined;
-  var result = Component(props, secondArg);
+  var result;
+
+  {
+    ReactCurrentOwner.current = componentDebugInfo;
+
+    try {
+      result = Component(props, secondArg);
+    } finally {
+      ReactCurrentOwner.current = null;
+    }
+  }
 
   if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
     // When the return value is in children position we can resolve it immediately,
@@ -1827,7 +1865,8 @@ function renderFragment(request, task, children) {
   return children;
 }
 
-function renderClientElement(task, type, key, props) {
+function renderClientElement(task, type, key, props, owner) // DEV-only
+{
   // the keys of any Server Components which are not serialized.
 
 
@@ -1839,7 +1878,7 @@ function renderClientElement(task, type, key, props) {
     key = keyPath + ',' + key;
   }
 
-  var element = [REACT_ELEMENT_TYPE, type, key, props];
+  var element = [REACT_ELEMENT_TYPE, type, key, props, owner] ;
 
   if (task.implicitSlot && key !== null) {
     // The root Server Component had no key so it was in an implicit slot.
@@ -1877,7 +1916,8 @@ function outlineTask(request, task) {
   return serializeLazyID(newTask.id);
 }
 
-function renderElement(request, task, type, key, ref, props) {
+function renderElement(request, task, type, key, ref, props, owner) // DEV only
+{
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
@@ -1898,14 +1938,14 @@ function renderElement(request, task, type, key, ref, props) {
   if (typeof type === 'function') {
     if (isClientReference(type) || isTemporaryReference(type)) {
       // This is a reference to a Client Component.
-      return renderClientElement(task, type, key, props);
+      return renderClientElement(task, type, key, props, owner);
     } // This is a Server Component.
 
 
-    return renderFunctionComponent(request, task, key, type, props);
+    return renderFunctionComponent(request, task, key, type, props, owner);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return renderClientElement(task, type, key, props);
+    return renderClientElement(task, type, key, props, owner);
   } else if (typeof type === 'symbol') {
     if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
@@ -1923,11 +1963,11 @@ function renderElement(request, task, type, key, ref, props) {
     // Any built-in works as long as its props are serializable.
 
 
-    return renderClientElement(task, type, key, props);
+    return renderClientElement(task, type, key, props, owner);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return renderClientElement(task, type, key, props);
+      return renderClientElement(task, type, key, props, owner);
     }
 
     switch (type.$$typeof) {
@@ -1936,17 +1976,17 @@ function renderElement(request, task, type, key, ref, props) {
           var payload = type._payload;
           var init = type._init;
           var wrappedType = init(payload);
-          return renderElement(request, task, wrappedType, key, ref, props);
+          return renderElement(request, task, wrappedType, key, ref, props, owner);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          return renderFunctionComponent(request, task, key, type.render, props);
+          return renderFunctionComponent(request, task, key, type.render, props, owner);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return renderElement(request, task, type.type, key, ref, props);
+          return renderElement(request, task, type.type, key, ref, props, owner);
         }
     }
   }
@@ -2025,6 +2065,10 @@ function serializeLazyID(id) {
   return '$L' + id.toString(16);
 }
 
+function serializeInfinitePromise() {
+  return '$@';
+}
+
 function serializePromiseID(id) {
   return '$@' + id.toString(16);
 }
@@ -2189,6 +2233,12 @@ function serializeMap(request, map) {
   return '$Q' + id.toString(16);
 }
 
+function serializeFormData(request, formData) {
+  var entries = Array.from(formData.entries());
+  var id = outlineModel(request, entries);
+  return '$K' + id.toString(16);
+}
+
 function serializeSet(request, set) {
   var entries = Array.from(set);
 
@@ -2365,7 +2415,7 @@ function renderModelDestructive(request, task, parent, parentPropertyName, value
 
 
           return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
-          element.key, ref, props);
+          element.key, ref, props, element._owner );
         }
 
       case REACT_LAZY_TYPE:
@@ -2463,6 +2513,11 @@ function renderModelDestructive(request, task, parent, parentPropertyName, value
 
     if (value instanceof Set) {
       return serializeSet(request, value);
+    } // TODO: FormData is not available in old Node. Remove the typeof later.
+
+
+    if (typeof FormData === 'function' && value instanceof FormData) {
+      return serializeFormData(request, value);
     }
 
     var iteratorFn = getIteratorFn(value);
@@ -2726,14 +2781,216 @@ function emitModelChunk(request, id, json) {
 }
 
 function emitDebugChunk(request, id, debugInfo) {
+  // use the full serialization that requires a task.
+
+
+  var counter = {
+    objectCount: 0
+  };
 
+  function replacer(parentPropertyName, value) {
+    return renderConsoleValue(request, counter, this, parentPropertyName, value);
+  } // $FlowFixMe[incompatible-type] stringify can return null
 
-  var json = stringify(debugInfo);
+
+  var json = stringify(debugInfo, replacer);
   var row = serializeRowHeader('D', id) + json + '\n';
   var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+function serializeEval(source) {
+
+  return '$E' + source;
+} // This is a forked version of renderModel which should never error, never suspend and is limited
+// in the depth it can encode.
+
+
+function renderConsoleValue(request, counter, parent, parentPropertyName, value) {
+  // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+  // $FlowFixMe[incompatible-use]
+  var originalValue = parent[parentPropertyName];
+
+  if (value === null) {
+    return null;
+  }
+
+  if (typeof value === 'object') {
+    if (isClientReference(value)) {
+      // We actually have this value on the client so we could import it.
+      // This might be confusing though because on the Server it won't actually
+      // be this value, so if you're debugging client references maybe you'd be
+      // better with a place holder.
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (counter.objectCount > 20) {
+      // We've reached our max number of objects to serialize across the wire so we serialize this
+      // object but no properties inside of it, as a place holder.
+      return Array.isArray(value) ? [] : {};
+    }
+
+    counter.objectCount++;
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+
+    if (typeof value.then === 'function') {
+      if (existingId !== undefined) {
+        // We've seen this promise before, so we can just refer to the same result.
+        return serializePromiseID(existingId);
+      }
+
+      var thenable = value;
+
+      switch (thenable.status) {
+        case 'fulfilled':
+          {
+            return serializePromiseID(outlineConsoleValue(request, counter, thenable.value));
+          }
+
+        case 'rejected':
+          {
+            var x = thenable.reason;
+            request.pendingChunks++;
+            var errorId = request.nextChunkId++;
+
+            {
+              // We don't log these errors since they didn't actually throw into Flight.
+              var digest = '';
+              emitErrorChunk(request, errorId, digest, x);
+            }
+
+            return serializePromiseID(errorId);
+          }
+      } // If it hasn't already resolved (and been instrumented) we just encode an infinite
+      // promise that will never resolve.
+
+
+      return serializeInfinitePromise();
+    }
+
+    if (existingId !== undefined && existingId >= 0) {
+      // We've already emitted this as a real object, so we can
+      // just refer to that by its existing ID.
+      return serializeByValueID(existingId);
+    }
+
+    if (isArray(value)) {
+      return value;
+    }
+
+    if (value instanceof Map) {
+      return serializeMap(request, value);
+    }
+
+    if (value instanceof Set) {
+      return serializeSet(request, value);
+    } // TODO: FormData is not available in old Node. Remove the typeof later.
+
+
+    if (typeof FormData === 'function' && value instanceof FormData) {
+      return serializeFormData(request, value);
+    }
+
+    var iteratorFn = getIteratorFn(value);
+
+    if (iteratorFn) {
+      return Array.from(value);
+    } // $FlowFixMe[incompatible-return]
+
+
+    return value;
+  }
+
+  if (typeof value === 'string') {
+    if (value[value.length - 1] === 'Z') {
+      // Possibly a Date, whose toJSON automatically calls toISOString
+      if (originalValue instanceof Date) {
+        return serializeDateFromDateJSON(value);
+      }
+    }
+
+    if (value.length >= 1024) {
+      // For large strings, we encode them outside the JSON payload so that we
+      // don't have to double encode and double parse the strings. This can also
+      // be more compact in case the string has a lot of escaped characters.
+      return serializeLargeTextString(request, value);
+    }
+
+    return escapeStringValue(value);
+  }
+
+  if (typeof value === 'boolean') {
+    return value;
+  }
+
+  if (typeof value === 'number') {
+    return serializeNumber(value);
+  }
+
+  if (typeof value === 'undefined') {
+    return serializeUndefined();
+  }
+
+  if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (isTemporaryReference(value)) {
+      return serializeTemporaryReference(request, value);
+    } // Serialize the body of the function as an eval so it can be printed.
+    // $FlowFixMe[method-unbinding]
+
+
+    return serializeEval('(' + Function.prototype.toString.call(value) + ')');
+  }
+
+  if (typeof value === 'symbol') {
+    var writtenSymbols = request.writtenSymbols;
+
+    var _existingId3 = writtenSymbols.get(value);
+
+    if (_existingId3 !== undefined) {
+      return serializeByValueID(_existingId3);
+    } // $FlowFixMe[incompatible-type] `description` might be undefined
+
+
+    var name = value.description; // We use the Symbol.for version if it's not a global symbol. Close enough.
+
+    request.pendingChunks++;
+    var symbolId = request.nextChunkId++;
+    emitSymbolChunk(request, symbolId, name);
+    return serializeByValueID(symbolId);
+  }
+
+  if (typeof value === 'bigint') {
+    return serializeBigInt(value);
+  }
+
+  return 'unknown type ' + typeof value;
+}
+
+function outlineConsoleValue(request, counter, model) {
+
+  function replacer(parentPropertyName, value) {
+    try {
+      return renderConsoleValue(request, counter, this, parentPropertyName, value);
+    } catch (x) {
+      return 'unknown value';
+    }
+  } // $FlowFixMe[incompatible-type] stringify can return null
+
+
+  var json = stringify(model, replacer);
+  request.pendingChunks++;
+  var id = request.nextChunkId++;
+  var row = id.toString(16) + ':' + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+  return id;
+}
+
 function forwardDebugInfo(request, id, debugInfo) {
   for (var i = 0; i < debugInfo.length; i++) {
     request.pendingChunks++;

package/cjs/react-server-dom-webpack-server.node.production.js

@@ -477,6 +477,7 @@ const ReactDOMSharedInternals = ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WI
 const ReactDOMCurrentDispatcher = ReactDOMSharedInternals.ReactDOMCurrentDispatcher;
 const previousDispatcher = ReactDOMCurrentDispatcher.current;
 ReactDOMCurrentDispatcher.current = {
+  flushSyncWork: previousDispatcher.flushSyncWork,
   prefetchDNS,
   preconnect,
   preload,
@@ -950,7 +951,7 @@ function prepareToUseHooksForRequest(request) {
 function resetHooksForRequest() {
   currentRequest$1 = null;
 }
-function prepareToUseHooksForComponent(prevThenableState) {
+function prepareToUseHooksForComponent(prevThenableState, componentDebugInfo) {
   thenableIndexCounter = 0;
   thenableState = prevThenableState;
 }
@@ -959,6 +960,7 @@ function getThenableStateAfterSuspending() {
   // which is not really supported anymore, it will be empty. We use the empty set as a
   // marker to know if this was a replay of the same component or first attempt.
   const state = thenableState || createThenableState();
+
   thenableState = null;
   return state;
 }
@@ -1518,7 +1520,7 @@ function createLazyWrapperAroundWakeable(wakeable) {
   return lazyType;
 }
 
-function renderFunctionComponent(request, task, key, Component, props) {
+function renderFunctionComponent(request, task, key, Component, props, owner) {
   // Reset the task's thenable state before continuing, so that if a later
   // component suspends we can reuse the same task object. If the same
   // component suspends again, the thenable state will be restored.
@@ -1528,7 +1530,11 @@ function renderFunctionComponent(request, task, key, Component, props) {
   prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
 
   const secondArg = undefined;
-  let result = Component(props, secondArg);
+  let result;
+
+  {
+    result = Component(props, secondArg);
+  }
 
   if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
     // When the return value is in children position we can resolve it immediately,
@@ -1602,7 +1608,8 @@ function renderFragment(request, task, children) {
   return children;
 }
 
-function renderClientElement(task, type, key, props) {
+function renderClientElement(task, type, key, props, owner) // DEV-only
+{
   // the keys of any Server Components which are not serialized.
 
 
@@ -1635,7 +1642,8 @@ function renderClientElement(task, type, key, props) {
 
 let debugID = null;
 
-function renderElement(request, task, type, key, ref, props) {
+function renderElement(request, task, type, key, ref, props, owner) // DEV only
+{
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
@@ -1916,6 +1924,12 @@ function serializeMap(request, map) {
   return '$Q' + id.toString(16);
 }
 
+function serializeFormData(request, formData) {
+  const entries = Array.from(formData.entries());
+  const id = outlineModel(request, entries);
+  return '$K' + id.toString(16);
+}
+
 function serializeSet(request, set) {
   const entries = Array.from(set);
 
@@ -2152,6 +2166,11 @@ function renderModelDestructive(request, task, parent, parentPropertyName, value
 
     if (value instanceof Set) {
       return serializeSet(request, value);
+    } // TODO: FormData is not available in old Node. Remove the typeof later.
+
+
+    if (typeof FormData === 'function' && value instanceof FormData) {
+      return serializeFormData(request, value);
     }
 
     const iteratorFn = getIteratorFn(value);

package/cjs/react-server-dom-webpack-server.node.production.min.js

@@ -17,7 +17,7 @@ function ma(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return
 },a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var d=x({},a.$$id,!0),e=new Proxy(d,na);a.status="fulfilled";a.value=e;return a.then=x(function(f){return Promise.resolve(f(e))},a.$$id+"#then",!1)}if("symbol"===typeof b)throw Error("Cannot read Symbol exports. Only named exports are supported on a client module imported on the server.");d=a[b];d||(d=x(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
 },a.$$id+"#"+b,a.$$async),Object.defineProperty(d,"name",{value:b}),d=a[b]=new Proxy(d,la));return d}
 var na={get:function(a,b){return ma(a,b)},getOwnPropertyDescriptor:function(a,b){var c=Object.getOwnPropertyDescriptor(a,b);c||(c={value:ma(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,c));return c},getPrototypeOf:function(){return ka},set:function(){throw Error("Cannot assign to a client module from a server module.");}},oa=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactDOMCurrentDispatcher,y=oa.current;
-oa.current={prefetchDNS:pa,preconnect:qa,preload:ra,preloadModule:sa,preinitStyle:ta,preinitScript:ua,preinitModuleScript:va};function pa(a){if("string"===typeof a&&a){var b=z();if(b){var c=b.hints,d="D|"+a;c.has(d)||(c.add(d),A(b,"D",a))}else y.prefetchDNS(a)}}function qa(a,b){if("string"===typeof a){var c=z();if(c){var d=c.hints,e="C|"+(null==b?"null":b)+"|"+a;d.has(e)||(d.add(e),"string"===typeof b?A(c,"C",[a,b]):A(c,"C",a))}else y.preconnect(a,b)}}
+oa.current={flushSyncWork:y.flushSyncWork,prefetchDNS:pa,preconnect:qa,preload:ra,preloadModule:sa,preinitStyle:ta,preinitScript:ua,preinitModuleScript:va};function pa(a){if("string"===typeof a&&a){var b=z();if(b){var c=b.hints,d="D|"+a;c.has(d)||(c.add(d),A(b,"D",a))}else y.prefetchDNS(a)}}function qa(a,b){if("string"===typeof a){var c=z();if(c){var d=c.hints,e="C|"+(null==b?"null":b)+"|"+a;d.has(e)||(d.add(e),"string"===typeof b?A(c,"C",[a,b]):A(c,"C",a))}else y.preconnect(a,b)}}
 function ra(a,b,c){if("string"===typeof a){var d=z();if(d){var e=d.hints,f="L";if("image"===b&&c){var g=c.imageSrcSet,k=c.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(c=B(c))?A(d,"L",[a,b,c]):A(d,"L",[a,b]))}else y.preload(a,b,c)}}
 function sa(a,b){if("string"===typeof a){var c=z();if(c){var d=c.hints,e="m|"+a;if(d.has(e))return;d.add(e);return(b=B(b))?A(c,"m",[a,b]):A(c,"m",a)}y.preloadModule(a,b)}}function ta(a,b,c){if("string"===typeof a){var d=z();if(d){var e=d.hints,f="S|"+a;if(e.has(f))return;e.add(f);return(c=B(c))?A(d,"S",[a,"string"===typeof b?b:0,c]):"string"===typeof b?A(d,"S",[a,b]):A(d,"S",a)}y.preinitStyle(a,b,c)}}
 function ua(a,b){if("string"===typeof a){var c=z();if(c){var d=c.hints,e="X|"+a;if(d.has(e))return;d.add(e);return(b=B(b))?A(c,"X",[a,b]):A(c,"X",a)}y.preinitScript(a,b)}}function va(a,b){if("string"===typeof a){var c=z();if(c){var d=c.hints,e="M|"+a;if(d.has(e))return;d.add(e);return(b=B(b))?A(c,"M",[a,b]):A(c,"M",a)}y.preinitModuleScript(a,b)}}function B(a){if(null==a)return null;var b=!1,c={},d;for(d in a)null!=a[d]&&(b=!0,c[d]=a[d]);return b?c:null}
@@ -51,7 +51,7 @@ function rb(a,b,c,d){var e=d.$$async?d.$$id+"#async":d.$$id,f=a.writtenClientRef
 g];a.pendingChunks++;var D=a.nextChunkId++,ba=L(n),Ob=D.toString(16)+":I"+ba+"\n";a.completedImportChunks.push(Ob);f.set(e,D);return b[0]===C&&"1"===c?"$L"+D.toString(16):T(D)}catch(Pb){return a.pendingChunks++,b=a.nextChunkId++,c=O(a,Pb),P(a,b,c),T(b)}}function U(a,b){b=M(a,b,null,!1,a.abortableTasks);sb(a,b);return b.id}var V=!1;
 function R(a,b,c,d,e){b.model=e;if(e===C)return"$";if(null===e)return null;if("object"===typeof e){switch(e.$$typeof){case C:c=a.writtenObjects;d=c.get(e);if(void 0!==d){if(null===b.keyPath&&!b.implicitSlot)if(V===e)V=null;else return-1===d?(a=U(a,e),T(a)):T(d)}else c.set(e,-1),c.set(e.props,-2);c=e.props;d=c.ref;return ob(a,b,e.type,e.key,void 0!==d?d:null,c);case E:return b.thenableState=null,c=e._init,e=c(e._payload),R(a,b,S,"",e)}if(e.$$typeof===v)return rb(a,c,d,e);c=a.writtenObjects;d=c.get(e);
 if("function"===typeof e.then){if(void 0!==d){if(null!==b.keyPath||b.implicitSlot)return"$@"+gb(a,b,e).toString(16);if(V===e)V=null;else return"$@"+d.toString(16)}a=gb(a,b,e);c.set(e,a);return"$@"+a.toString(16)}if(void 0!==d)if(V===e)V=null;else{if(-1===d)return a=U(a,e),T(a);if(-2!==d)return T(d)}else c.set(e,-1);if(Ua(e))return mb(a,b,e);if(e instanceof Map){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b][0],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));return"$Q"+
-U(a,e).toString(16)}if(e instanceof Set){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));return"$W"+U(a,e).toString(16)}null===e||"object"!==typeof e?c=null:(c=Ha&&e[Ha]||e["@@iterator"],c="function"===typeof c?c:null);if(c)return mb(a,b,Array.from(e));a=Va(e);if(a!==ab&&(null===a||null!==Va(a)))throw Error("Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported.");
+U(a,e).toString(16)}if(e instanceof Set){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));return"$W"+U(a,e).toString(16)}if("function"===typeof FormData&&e instanceof FormData)return e=Array.from(e.entries()),"$K"+U(a,e).toString(16);null===e||"object"!==typeof e?c=null:(c=Ha&&e[Ha]||e["@@iterator"],c="function"===typeof c?c:null);if(c)return mb(a,b,Array.from(e));a=Va(e);if(a!==ab&&(null===a||null!==Va(a)))throw Error("Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported.");
 return e}if("string"===typeof e){if("Z"===e[e.length-1]&&c[d]instanceof Date)return"$D"+e;if(1024<=e.length)return a.pendingChunks+=2,b=a.nextChunkId++,c="string"===typeof e?Buffer.byteLength(e,"utf8"):e.byteLength,c=b.toString(16)+":T"+c.toString(16)+",",a.completedRegularChunks.push(c,e),T(b);a="$"===e[0]?"$"+e:e;return a}if("boolean"===typeof e)return e;if("number"===typeof e)return Number.isFinite(e)?0===e&&-Infinity===1/e?"$-0":e:Infinity===e?"$Infinity":-Infinity===e?"$-Infinity":"$NaN";if("undefined"===
 typeof e)return"$undefined";if("function"===typeof e){if(e.$$typeof===v)return rb(a,c,d,e);if(e.$$typeof===w)return b=a.writtenServerReferences,c=b.get(e),void 0!==c?a="$F"+c.toString(16):(c=e.$$bound,c={id:e.$$id,bound:c?Promise.resolve(c):null},a=U(a,c),b.set(e,a),a="$F"+a.toString(16)),a;if(e.$$typeof===xa)return"$T"+e.$$id;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+K(c,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");
 throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.'+K(c,d));}if("symbol"===typeof e){b=a.writtenSymbols;var f=b.get(e);if(void 0!==f)return T(f);f=e.description;if(Symbol.for(f)!==e)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(e.description+") cannot be found among global symbols.")+