refactor!: use ImportManifestEntry.async for async client reference module

package.json

@@ -22,10 +22,10 @@
     "@vitejs/plugin-react": "^4.3.1",
     "@vitejs/plugin-react-swc": "^3.7.0",
     "esbuild": "^0.23.0",
-    "react": "19.0.0-rc-eb3ad065-20240822",
-    "react-dom": "19.0.0-rc-eb3ad065-20240822",
-    "react-is": "19.0.0-rc-eb3ad065-20240822",
-    "react-server-dom-webpack": "19.0.0-rc-eb3ad065-20240822",
+    "react": "19.0.0-rc-f2df5694-20240916",
+    "react-dom": "19.0.0-rc-f2df5694-20240916",
+    "react-is": "19.0.0-rc-f2df5694-20240916",
+    "react-server-dom-webpack": "19.0.0-rc-f2df5694-20240916",
     "tsup": "^8.1.0",
     "tsx": "^4.16.2",
     "typescript": "^5.5.4",

packages/react-server/src/features/client-component/server.tsx

@@ -11,17 +11,7 @@ import type { BundlerConfig, ImportManifestEntry } from "../../types/react";
 
 /* @__NO_SIDE_EFFECTS__ */
 export function registerClientReference(id: string, name: string) {
-  // reuse everything but { $$async: true }.
-  // `$$async` is not strictly necessary if we use `__webpack_chunk_load__` trick
-  // but for now, we go with async `__webpack_require__` for simplicity.
-  const reference = ReactServer.registerClientReference({}, id, name);
-  return Object.defineProperties(
-    {},
-    {
-      ...Object.getOwnPropertyDescriptors(reference),
-      $$async: { value: true },
-    },
-  );
+  return ReactServer.registerClientReference({}, id, name);
 }
 
 export function createBundlerConfig(): BundlerConfig {
@@ -33,7 +23,14 @@ export function createBundlerConfig(): BundlerConfig {
         let [id, name] = $$id.split("#");
         tinyassert(id);
         tinyassert(name);
-        return { id, name, chunks: [] } satisfies ImportManifestEntry;
+        return {
+          id,
+          name,
+          chunks: [],
+          // `async` is not strictly necessary if we use `__webpack_chunk_load__` trick
+          // but for now, going with async `__webpack_require__` seems simpler.
+          async: true,
+        } satisfies ImportManifestEntry;
       },
     },
   );

packages/react-server/src/types/react.ts

@@ -6,8 +6,8 @@
 export interface ImportManifestEntry {
   id: string;
   name: string;
-  // TODO
   chunks: string[];
+  async?: boolean;
 }
 
 export interface BundlerConfig {