wrap suspend

Author: huozhi

packages/next/src/lib/metadata/metadata.tsx

@@ -206,9 +206,11 @@ export function createMetadataComponents({
     const promise = resolveFinalMetadata()
     if (serveStreamingMetadata) {
       return (
-        <Suspense fallback={null}>
-          <AsyncMetadata promise={promise} />
-        </Suspense>
+        <div hidden>
+          <Suspense fallback={null}>
+            <AsyncMetadata promise={promise} />
+          </Suspense>
+        </div>
       )
     }
     const metadataState = await promise

packages/next/src/server/app-render/app-render.tsx

@@ -861,6 +861,7 @@ async function getRSCPayload(
       <NonIndex ctx={ctx} />
       <ViewportTree key={ctx.requestId} />
       <StaticMetadata />
+      {StreamingMetadata ? <StreamingMetadata /> : null}
     </React.Fragment>
   )
 

packages/next/src/server/app-render/create-component-tree.tsx

@@ -393,7 +393,7 @@ async function createComponentTreeInternal({
 
   // Resolve the segment param
   const actualSegment = segmentParam ? segmentParam.treeSegment : segment
-  const metadata = StreamingMetadata ? <StreamingMetadata /> : undefined
+  const metadata = undefined // StreamingMetadata ? <StreamingMetadata /> : undefined
 
   // Use the same condition to render metadataOutlet as metadata
   const metadataOutlet = StreamingMetadataOutlet ? (