[Flight] Add failing test to reproduce issue with Object.freeze

packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMBrowser-test.js

@@ -198,6 +198,62 @@ describe('ReactFlightDOMBrowser', () => {
     });
   });
 
+  it('should resolve client components (with async chunks) when referenced in props', async () => {
+    let resolve;
+    const chunkPromise = new Promise(r => (resolve = r));
+
+    function ClientOuter({Component, children}) {
+      return <Component>{children}</Component>;
+    }
+
+    function ClientInner({children}) {
+      return <span>{children}</span>;
+    }
+
+    const ClientOuterRef = clientExports(ClientOuter);
+
+    const ClientInnerRef = clientExports(
+      ClientInner,
+      '42',
+      '/test.js',
+      chunkPromise,
+    );
+
+    function Server() {
+      return (
+        <ClientOuterRef Component={ClientInnerRef}>
+          Hello, World!
+        </ClientOuterRef>
+      );
+    }
+
+    const stream = ReactServerDOMServer.renderToReadableStream(
+      <Server />,
+      webpackMap,
+    );
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(stream);
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+
+    expect(container.innerHTML).toBe('');
+
+    await act(() => {
+      // Resolve async client component chunks.
+      resolve();
+    });
+
+    expect(container.innerHTML).toBe('<span>Hello, World!</span>');
+  });
+
   it('should progressively reveal server components', async () => {
     let reportedErrors = [];
 

packages/react-server-dom-webpack/src/__tests__/utils/WebpackMock.js

@@ -69,10 +69,15 @@ exports.clientExports = function clientExports(
   moduleExports,
   chunkId,
   chunkFilename,
+  blockOnChunk,
 ) {
   const chunks = [];
   if (chunkId) {
     chunks.push(chunkId, chunkFilename);
+
+    if (blockOnChunk) {
+      webpackChunkMap[chunkId] = blockOnChunk;
+    }
   }
   const idx = '' + webpackModuleIdx++;
   webpackClientModules[idx] = moduleExports;