react-server-dom-webpack 19.0.0-rc-3da26163a3-20240704 → 19.0.0-rc-df783f9ea1-20240708

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

@@ -303,6 +303,24 @@
         if (!(object[i] in ObjectPrototype)) return !1;
       return !0;
     }
+    function isSimpleObject(object) {
+      if (!isObjectPrototype(getPrototypeOf(object))) return !1;
+      for (
+        var names = Object.getOwnPropertyNames(object), i = 0;
+        i < names.length;
+        i++
+      ) {
+        var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+        if (
+          !descriptor ||
+          (!descriptor.enumerable &&
+            (("key" !== names[i] && "ref" !== names[i]) ||
+              "function" !== typeof descriptor.get))
+        )
+          return !1;
+      }
+      return !0;
+    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -471,6 +489,9 @@
         error += "\n    at " + structuredStackTrace[i].toString();
       return error;
     }
+    function getCurrentStackInDEV() {
+      return "";
+    }
     function defaultErrorHandler(error) {
       console.error(error);
     }
@@ -492,6 +513,7 @@
           "Currently React only supports one RSC renderer at a time."
         );
       ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.getCurrentStack = getCurrentStackInDEV;
       var abortSet = new Set(),
         pingedTasks = [],
         hints = new Set();
@@ -553,7 +575,7 @@
           );
         case "rejected":
           task = thenable.reason;
-          var digest = logRecoverableError(request, task);
+          var digest = logRecoverableError(request, task, null);
           emitErrorChunk(request, newTask.id, digest, task);
           return newTask.id;
         default:
@@ -586,7 +608,7 @@
         },
         function (reason) {
           newTask.status = 4;
-          var _digest = logRecoverableError(request, reason);
+          var _digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, _digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -618,7 +640,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, streamTask);
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           reader.cancel(reason).then(error, error);
@@ -689,7 +711,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, streamTask);
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           "function" === typeof iterator.throw &&
@@ -769,32 +791,41 @@
       var init = lazy._init;
       return init(lazy._payload);
     }
-    function renderFunctionComponent(
-      request,
-      task,
-      key,
-      Component,
-      props,
-      owner,
-      stack,
-      debugTask
-    ) {
-      stack = task.thenableState;
+    function callWithDebugContextInDEV(task, callback, arg) {
+      currentOwner = { env: task.environmentName, owner: task.debugOwner };
+      try {
+        return callback(arg);
+      } finally {
+        currentOwner = null;
+      }
+    }
+    function renderFunctionComponent(request, task, key, Component, props) {
+      var prevThenableState = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
-      if (null !== stack) owner = stack._componentDebugInfo;
+      if (null !== prevThenableState)
+        var componentDebugInfo = prevThenableState._componentDebugInfo;
       else {
-        var componentDebugID = debugID,
-          componentName = Component.displayName || Component.name || "",
-          componentEnv = request.environmentName();
+        var componentDebugID = debugID;
+        componentDebugInfo = Component.displayName || Component.name || "";
+        var componentEnv = request.environmentName();
         request.pendingChunks++;
-        owner = { name: componentName, env: componentEnv, owner: owner };
-        outlineModel(request, owner);
-        emitDebugChunk(request, componentDebugID, owner);
+        componentDebugInfo = {
+          name: componentDebugInfo,
+          env: componentEnv,
+          owner: task.debugOwner
+        };
+        outlineModel(request, componentDebugInfo);
+        emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
       }
-      prepareToUseHooksForComponent(stack, owner);
-      props = callComponentInDEV(Component, props, owner, debugTask);
+      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      props = callComponentInDEV(
+        Component,
+        props,
+        componentDebugInfo,
+        task.debugTask
+      );
       if (1 === request.status) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -802,8 +833,8 @@
         props.$$typeof !== CLIENT_REFERENCE_TAG$1
       ) {
         if ("function" === typeof props.then) {
-          debugTask = props;
-          debugTask.then(
+          prevThenableState = props;
+          prevThenableState.then(
             function (resolvedValue) {
               "object" === typeof resolvedValue &&
                 null !== resolvedValue &&
@@ -812,7 +843,8 @@
             },
             function () {}
           );
-          if ("fulfilled" === debugTask.status) return debugTask.value;
+          if ("fulfilled" === prevThenableState.status)
+            return prevThenableState.value;
           props = createLazyWrapperAroundWakeable(props);
         }
         var iteratorFn = getIteratorFn(props);
@@ -825,9 +857,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              error$jscomp$0(
-                "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                error$jscomp$0(
+                  "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = iterableChild._debugInfo;
@@ -846,22 +880,25 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              error$jscomp$0(
-                "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                error$jscomp$0(
+                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = _iterableChild._debugInfo;
         }
       }
-      debugTask = task.keyPath;
-      owner = task.implicitSlot;
+      prevThenableState = task.keyPath;
+      componentDebugID = task.implicitSlot;
       null !== key
-        ? (task.keyPath = null === debugTask ? key : debugTask + "," + key)
-        : null === debugTask && (task.implicitSlot = !0);
+        ? (task.keyPath =
+            null === prevThenableState ? key : prevThenableState + "," + key)
+        : null === prevThenableState && (task.implicitSlot = !0);
       request = renderModelDestructive(request, task, emptyRoot, "", props);
-      task.keyPath = debugTask;
-      task.implicitSlot = owner;
+      task.keyPath = prevThenableState;
+      task.implicitSlot = componentDebugID;
       return request;
     }
     function renderFragment(request, task, children) {
@@ -892,6 +929,21 @@
       }
       return children;
     }
+    function renderAsyncFragment(request, task, children, getAsyncIterator) {
+      if (null !== task.keyPath)
+        return (
+          (request = [
+            REACT_ELEMENT_TYPE,
+            REACT_FRAGMENT_TYPE,
+            task.keyPath,
+            { children: children },
+            null
+          ]),
+          task.implicitSlot ? [request] : request
+        );
+      getAsyncIterator = getAsyncIterator.call(children);
+      return serializeAsyncIterable(request, task, children, getAsyncIterator);
+    }
     function outlineTask(request, task) {
       task = createTask(
         request,
@@ -905,17 +957,7 @@
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(
-      request,
-      task,
-      type,
-      key,
-      ref,
-      props,
-      owner,
-      stack,
-      debugTask
-    ) {
+    function renderElement(request, task, type, key, ref, props) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -929,19 +971,10 @@
         type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
         type.$$typeof !== TEMPORARY_REFERENCE_TAG
       )
-        return renderFunctionComponent(
-          request,
-          task,
-          key,
-          type,
-          props,
-          owner,
-          stack,
-          debugTask
-        );
+        return renderFunctionComponent(request, task, key, type, props);
       if (type === REACT_FRAGMENT_TYPE && null === key)
         return (
-          (owner = task.implicitSlot),
+          (type = task.implicitSlot),
           null === task.keyPath && (task.implicitSlot = !0),
           (props = renderModelDestructive(
             request,
@@ -950,7 +983,7 @@
             "",
             props.children
           )),
-          (task.implicitSlot = owner),
+          (task.implicitSlot = type),
           props
         );
       if (
@@ -962,40 +995,17 @@
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
             if (1 === request.status) throw AbortSigil;
-            return renderElement(
-              request,
-              task,
-              type,
-              key,
-              ref,
-              props,
-              owner,
-              stack,
-              debugTask
-            );
+            return renderElement(request, task, type, key, ref, props);
           case REACT_FORWARD_REF_TYPE:
             return renderFunctionComponent(
               request,
               task,
               key,
               type.render,
-              props,
-              owner,
-              stack,
-              debugTask
+              props
             );
           case REACT_MEMO_TYPE:
-            return renderElement(
-              request,
-              task,
-              type.type,
-              key,
-              ref,
-              props,
-              owner,
-              stack,
-              debugTask
-            );
+            return renderElement(request, task, type.type, key, ref, props);
           case REACT_ELEMENT_TYPE:
             type._store.validated = 1;
         }
@@ -1004,7 +1014,7 @@
       null === request
         ? (request = key)
         : null !== key && (request = key + "," + request);
-      props = [REACT_ELEMENT_TYPE, type, request, props, owner];
+      props = [REACT_ELEMENT_TYPE, type, request, props, task.debugOwner];
       task = task.implicitSlot && null !== request ? [props] : props;
       return task;
     }
@@ -1035,95 +1045,30 @@
           return pingTask(request, task);
         },
         toJSON: function (parentPropertyName, value) {
-          var originalValue = this[parentPropertyName];
+          var parent = this,
+            originalValue = parent[parentPropertyName];
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            ("Object" !== objectName(originalValue)
-              ? "string" === typeof jsxChildrenParents.get(this)
-                ? error$jscomp$0(
-                    "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
+            callWithDebugContextInDEV(task, function () {
+              "Object" !== objectName(originalValue)
+                ? "string" === typeof jsxChildrenParents.get(parent)
+                  ? error$jscomp$0(
+                      "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                  : error$jscomp$0(
+                      "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
                 : error$jscomp$0(
-                    "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-              : error$jscomp$0(
-                  "Only plain objects can be passed to Client Components from Server Components. Objects with toJSON methods are not supported. Convert it manually to a simple value before passing it to props.%s",
-                  describeObjectForErrorMessage(this, parentPropertyName)
-                ));
-          originalValue = task;
-          var prevKeyPath = originalValue.keyPath,
-            prevImplicitSlot = originalValue.implicitSlot;
-          try {
-            var JSCompiler_inline_result = renderModelDestructive(
-              request,
-              originalValue,
-              this,
-              parentPropertyName,
-              value
-            );
-          } catch (thrownValue) {
-            if (
-              ((parentPropertyName = originalValue.model),
-              (parentPropertyName =
-                "object" === typeof parentPropertyName &&
-                null !== parentPropertyName &&
-                (parentPropertyName.$$typeof === REACT_ELEMENT_TYPE ||
-                  parentPropertyName.$$typeof === REACT_LAZY_TYPE)),
-              (value =
-                thrownValue === SuspenseException
-                  ? getSuspendedThenable()
-                  : thrownValue),
-              "object" === typeof value &&
-                null !== value &&
-                "function" === typeof value.then)
-            )
-              if (1 === request.status)
-                (originalValue.status = 3),
-                  (originalValue = request.fatalError),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue));
-              else {
-                JSCompiler_inline_result = createTask(
-                  request,
-                  originalValue.model,
-                  originalValue.keyPath,
-                  originalValue.implicitSlot,
-                  request.abortableTasks
-                );
-                var ping = JSCompiler_inline_result.ping;
-                value.then(ping, ping);
-                JSCompiler_inline_result.thenableState =
-                  getThenableStateAfterSuspending();
-                originalValue.keyPath = prevKeyPath;
-                originalValue.implicitSlot = prevImplicitSlot;
-                JSCompiler_inline_result = parentPropertyName
-                  ? serializeLazyID(JSCompiler_inline_result.id)
-                  : serializeByValueID(JSCompiler_inline_result.id);
-              }
-            else
-              thrownValue === AbortSigil
-                ? ((originalValue.status = 3),
-                  (originalValue = request.fatalError),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue)))
-                : ((originalValue.keyPath = prevKeyPath),
-                  (originalValue.implicitSlot = prevImplicitSlot),
-                  request.pendingChunks++,
-                  (originalValue = request.nextChunkId++),
-                  (prevKeyPath = logRecoverableError(request, value)),
-                  emitErrorChunk(request, originalValue, prevKeyPath, value),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue)));
-          }
-          return JSCompiler_inline_result;
+                    "Only plain objects can be passed to Client Components from Server Components. Objects with toJSON methods are not supported. Convert it manually to a simple value before passing it to props.%s",
+                    describeObjectForErrorMessage(parent, parentPropertyName)
+                  );
+            });
+          return renderModel(request, task, parent, parentPropertyName, value);
         },
         thenableState: null
       };
@@ -1204,7 +1149,7 @@
         return (
           request.pendingChunks++,
           (parent = request.nextChunkId++),
-          (parentPropertyName = logRecoverableError(request, x)),
+          (parentPropertyName = logRecoverableError(request, x, null)),
           emitErrorChunk(request, parent, parentPropertyName, x),
           serializeByValueID(parent)
         );
@@ -1215,6 +1160,19 @@
       retryTask(request, value);
       return value.id;
     }
+    function serializeServerReference(request, serverReference) {
+      var writtenServerReferences = request.writtenServerReferences,
+        existingId = writtenServerReferences.get(serverReference);
+      if (void 0 !== existingId) return "$F" + existingId.toString(16);
+      existingId = serverReference.$$bound;
+      existingId = {
+        id: serverReference.$$id,
+        bound: existingId ? Promise.resolve(existingId) : null
+      };
+      request = outlineModel(request, existingId);
+      writtenServerReferences.set(serverReference, request);
+      return "$F" + request.toString(16);
+    }
     function serializeLargeTextString(request, text) {
       request.pendingChunks++;
       var textId = request.nextChunkId++;
@@ -1255,7 +1213,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -1270,6 +1228,66 @@
       reader.read().then(progress).catch(error);
       return "$B" + newTask.id.toString(16);
     }
+    function renderModel(request, task, parent, key, value) {
+      var prevKeyPath = task.keyPath,
+        prevImplicitSlot = task.implicitSlot;
+      try {
+        return renderModelDestructive(request, task, parent, key, value);
+      } catch (thrownValue) {
+        parent = task.model;
+        parent =
+          "object" === typeof parent &&
+          null !== parent &&
+          (parent.$$typeof === REACT_ELEMENT_TYPE ||
+            parent.$$typeof === REACT_LAZY_TYPE);
+        key =
+          thrownValue === SuspenseException
+            ? getSuspendedThenable()
+            : thrownValue;
+        if (
+          "object" === typeof key &&
+          null !== key &&
+          "function" === typeof key.then
+        ) {
+          if (1 === request.status)
+            return (
+              (task.status = 3),
+              (task = request.fatalError),
+              parent ? serializeLazyID(task) : serializeByValueID(task)
+            );
+          request = createTask(
+            request,
+            task.model,
+            task.keyPath,
+            task.implicitSlot,
+            request.abortableTasks
+          );
+          value = request.ping;
+          key.then(value, value);
+          request.thenableState = getThenableStateAfterSuspending();
+          task.keyPath = prevKeyPath;
+          task.implicitSlot = prevImplicitSlot;
+          return parent
+            ? serializeLazyID(request.id)
+            : serializeByValueID(request.id);
+        }
+        if (thrownValue === AbortSigil)
+          return (
+            (task.status = 3),
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
+          );
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
+        request.pendingChunks++;
+        prevKeyPath = request.nextChunkId++;
+        task = logRecoverableError(request, key, task);
+        emitErrorChunk(request, prevKeyPath, task, key);
+        return parent
+          ? serializeLazyID(prevKeyPath)
+          : serializeByValueID(prevKeyPath);
+      }
+    }
     function renderModelDestructive(
       request,
       task,
@@ -1292,48 +1310,47 @@
                 else return _existingReference;
               else
                 -1 === parentPropertyName.indexOf(":") &&
-                  ((parent = _writtenObjects.get(parent)),
-                  void 0 !== parent &&
-                    ((elementReference = parent + ":" + parentPropertyName),
+                  ((_existingReference = _writtenObjects.get(parent)),
+                  void 0 !== _existingReference &&
+                    ((elementReference =
+                      _existingReference + ":" + parentPropertyName),
                     _writtenObjects.set(value, elementReference)));
             }
-            if ((parentPropertyName = value._debugInfo)) {
+            if ((_existingReference = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, parentPropertyName);
+              forwardDebugInfo(request, debugID, _existingReference);
             }
-            parentPropertyName = value.props;
-            parent = parentPropertyName.ref;
-            value = renderElement(
+            _existingReference = value.props;
+            var refProp = _existingReference.ref;
+            task.debugOwner = value._owner;
+            request = renderElement(
               request,
               task,
               value.type,
               value.key,
-              void 0 !== parent ? parent : null,
-              parentPropertyName,
-              value._owner,
-              null,
-              null
+              void 0 !== refProp ? refProp : null,
+              _existingReference
             );
-            "object" === typeof value &&
-              null !== value &&
+            "object" === typeof request &&
+              null !== request &&
               null !== elementReference &&
-              (_writtenObjects.has(value) ||
-                _writtenObjects.set(value, elementReference));
-            return value;
+              (_writtenObjects.has(request) ||
+                _writtenObjects.set(request, elementReference));
+            return request;
           case REACT_LAZY_TYPE:
             task.thenableState = null;
-            parentPropertyName = callLazyInitInDEV(value);
+            elementReference = callLazyInitInDEV(value);
             if (1 === request.status) throw AbortSigil;
-            if ((value = value._debugInfo)) {
+            if ((_writtenObjects = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, value);
+              forwardDebugInfo(request, debugID, _writtenObjects);
             }
             return renderModelDestructive(
               request,
               task,
               emptyRoot,
               "",
-              parentPropertyName
+              elementReference
             );
           case REACT_LEGACY_ELEMENT_TYPE:
             throw Error(
@@ -1428,13 +1445,11 @@
           return serializeBlob(request, value);
         if ((elementReference = getIteratorFn(value)))
           return (
-            (parentPropertyName = elementReference.call(value)),
-            parentPropertyName === value
+            (elementReference = elementReference.call(value)),
+            elementReference === value
               ? "$i" +
-                outlineModel(request, Array.from(parentPropertyName)).toString(
-                  16
-                )
-              : renderFragment(request, task, Array.from(parentPropertyName))
+                outlineModel(request, Array.from(elementReference)).toString(16)
+              : renderFragment(request, task, Array.from(elementReference))
           );
         if (
           "function" === typeof ReadableStream &&
@@ -1443,25 +1458,7 @@
           return serializeReadableStream(request, task, value);
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
-          return (
-            null !== task.keyPath
-              ? ((value = [
-                  REACT_ELEMENT_TYPE,
-                  REACT_FRAGMENT_TYPE,
-                  task.keyPath,
-                  { children: value },
-                  null
-                ]),
-                (value = task.implicitSlot ? [value] : value))
-              : ((parentPropertyName = elementReference.call(value)),
-                (value = serializeAsyncIterable(
-                  request,
-                  task,
-                  value,
-                  parentPropertyName
-                ))),
-            value
-          );
+          return renderAsyncFragment(request, task, value, elementReference);
         request = getPrototypeOf(value);
         if (
           request !== ObjectPrototype &&
@@ -1481,43 +1478,30 @@
         )
           return { name: value.name, env: value.env, owner: value.owner };
         if ("Object" !== objectName(value))
-          error$jscomp$0(
-            "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-            objectName(value),
-            describeObjectForErrorMessage(parent, parentPropertyName)
-          );
-        else {
-          a: if (isObjectPrototype(getPrototypeOf(value))) {
-            request = Object.getOwnPropertyNames(value);
-            for (task = 0; task < request.length; task++)
-              if (
-                ((elementReference = Object.getOwnPropertyDescriptor(
-                  value,
-                  request[task]
-                )),
-                !elementReference ||
-                  (!elementReference.enumerable &&
-                    (("key" !== request[task] && "ref" !== request[task]) ||
-                      "function" !== typeof elementReference.get)))
-              ) {
-                request = !1;
-                break a;
-              }
-            request = !0;
-          } else request = !1;
-          request
-            ? Object.getOwnPropertySymbols &&
-              ((request = Object.getOwnPropertySymbols(value)),
-              0 < request.length &&
-                error$jscomp$0(
-                  "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
-                  request[0].description,
-                  describeObjectForErrorMessage(parent, parentPropertyName)
-                ))
-            : error$jscomp$0(
-                "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
+          callWithDebugContextInDEV(task, function () {
+            error$jscomp$0(
+              "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+              objectName(value),
+              describeObjectForErrorMessage(parent, parentPropertyName)
+            );
+          });
+        else if (!isSimpleObject(value))
+          callWithDebugContextInDEV(task, function () {
+            error$jscomp$0(
+              "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
+              describeObjectForErrorMessage(parent, parentPropertyName)
+            );
+          });
+        else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+          0 < symbols.length &&
+            callWithDebugContextInDEV(task, function () {
+              error$jscomp$0(
+                "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
+                symbols[0].description,
                 describeObjectForErrorMessage(parent, parentPropertyName)
               );
+            });
         }
         return value;
       }
@@ -1542,21 +1526,7 @@
             value
           );
         if (value.$$typeof === SERVER_REFERENCE_TAG)
-          return (
-            (parentPropertyName = request.writtenServerReferences),
-            (parent = parentPropertyName.get(value)),
-            void 0 !== parent
-              ? (value = "$F" + parent.toString(16))
-              : ((parent = value.$$bound),
-                (parent = {
-                  id: value.$$id,
-                  bound: parent ? Promise.resolve(parent) : null
-                }),
-                (request = outlineModel(request, parent)),
-                parentPropertyName.set(value, request),
-                (value = "$F" + request.toString(16))),
-            value
-          );
+          return serializeServerReference(request, value);
         if (
           void 0 !== request.temporaryReferences &&
           ((request = request.temporaryReferences.get(value)),
@@ -1578,12 +1548,12 @@
           (jsxPropsParents.has(parent) && "children" === parentPropertyName)
         )
           throw (
-            ((value = value.displayName || value.name || "Component"),
+            ((request = value.displayName || value.name || "Component"),
             Error(
               "Functions are not valid as a child of Client Components. This may happen if you return " +
-                value +
+                request +
                 " instead of <" +
-                value +
+                request +
                 " /> from render. Or maybe you meant to call this function rather than return it." +
                 describeObjectForErrorMessage(parent, parentPropertyName)
             ))
@@ -1606,15 +1576,10 @@
               describeObjectForErrorMessage(parent, parentPropertyName)
           );
         request.pendingChunks++;
-        parentPropertyName = request.nextChunkId++;
-        parent = encodeReferenceChunk(
-          request,
-          parentPropertyName,
-          "$S" + elementReference
-        );
-        request.completedImportChunks.push(parent);
-        task.set(value, parentPropertyName);
-        return serializeByValueID(parentPropertyName);
+        _writtenObjects = request.nextChunkId++;
+        emitSymbolChunk(request, _writtenObjects, elementReference);
+        task.set(value, _writtenObjects);
+        return serializeByValueID(_writtenObjects);
       }
       if ("bigint" === typeof value) return "$n" + value.toString(10);
       throw Error(
@@ -1624,12 +1589,15 @@
           describeObjectForErrorMessage(parent, parentPropertyName)
       );
     }
-    function logRecoverableError(request, error) {
+    function logRecoverableError(request, error, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
         var onError = request.onError;
-        var errorDigest = onError(error);
+        var errorDigest =
+          null !== task
+            ? callWithDebugContextInDEV(task, onError, error)
+            : onError(error);
       } finally {
         currentRequest = prevRequest;
       }
@@ -1679,6 +1647,10 @@
       id = stringToChunk(id);
       request.completedErrorChunks.push(id);
     }
+    function emitSymbolChunk(request, id, name) {
+      id = encodeReferenceChunk(request, id, "$S" + name);
+      request.completedImportChunks.push(id);
+    }
     function emitModelChunk(request, id, json) {
       id = id.toString(16) + ":" + json + "\n";
       id = stringToChunk(id);
@@ -1832,12 +1804,11 @@
       if ("symbol" === typeof value) {
         counter = request.writtenSymbols.get(value);
         if (void 0 !== counter) return serializeByValueID(counter);
-        counter = value.description;
+        value = value.description;
         request.pendingChunks++;
-        value = request.nextChunkId++;
-        counter = encodeReferenceChunk(request, value, "$S" + counter);
-        request.completedImportChunks.push(counter);
-        return serializeByValueID(value);
+        counter = request.nextChunkId++;
+        emitSymbolChunk(request, counter, value);
+        return serializeByValueID(counter);
       }
       return "bigint" === typeof value
         ? "$n" + value.toString(10)
@@ -1969,7 +1940,7 @@
           } else {
             request.abortableTasks.delete(task);
             task.status = 4;
-            var digest = logRecoverableError(request, x);
+            var digest = logRecoverableError(request, x, task);
             emitErrorChunk(request, task.id, digest, x);
           }
         } finally {
@@ -1999,7 +1970,8 @@
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
       } catch (error$2) {
-        logRecoverableError(request, error$2), fatalError(request, error$2);
+        logRecoverableError(request, error$2, null),
+          fatalError(request, error$2);
       } finally {
         (ReactSharedInternalsServer.H = prevDispatcher),
           (currentRequest$1 = null),
@@ -2104,7 +2076,7 @@
                   "function" === typeof reason.then
                 ? Error("The render was aborted by the server with a promise.")
                 : reason,
-            digest = logRecoverableError(request, error);
+            digest = logRecoverableError(request, error, null);
           emitErrorChunk(request, errorId, digest, error);
           abortableTasks.forEach(function (task) {
             if (5 !== task.status) {
@@ -2134,7 +2106,8 @@
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
       } catch (error$4) {
-        logRecoverableError(request, error$4), fatalError(request, error$4);
+        logRecoverableError(request, error$4, null),
+          fatalError(request, error$4);
       }
     }
     function resolveServerReference(bundlerConfig, id) {
@@ -3235,8 +3208,9 @@
         getOwner: function () {
           return currentOwner ? currentOwner : null;
         }
-      },
-      isArrayImpl = Array.isArray,
+      };
+    new ("function" === typeof WeakMap ? WeakMap : Map)();
+    var isArrayImpl = Array.isArray,
       getPrototypeOf = Object.getPrototypeOf,
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
@@ -3410,7 +3384,7 @@
               try {
                 flushCompletedChunks(request, controller);
               } catch (error$3) {
-                logRecoverableError(request, error$3),
+                logRecoverableError(request, error$3, null),
                   fatalError(request, error$3);
               }
             }