experiment: lazily load SimulatePreloadedQuery

packages/client-react-streaming/src/index.cc.tsx

@@ -0,0 +1,36 @@
+"use client";
+
+import type { ProgressEvent } from "./DataTransportAbstraction/DataTransportAbstraction.js";
+import type { ReactNode } from "react";
+import type { TransportedQueryRefOptions } from "./transportedQueryRef.js";
+import * as React from "react";
+
+let RealSimulatePreloadedQuery: typeof SimulatePreloadedQuery;
+export function SimulatePreloadedQuery<T>({
+  options,
+  result,
+  children,
+  queryKey,
+}: {
+  options: TransportedQueryRefOptions;
+  result: Promise<Array<Omit<ProgressEvent, "id">>>;
+  children: ReactNode;
+  queryKey?: string;
+}): ReactNode {
+  if (!RealSimulatePreloadedQuery) {
+    RealSimulatePreloadedQuery = React.lazy(() =>
+      import("./SimulatePreloadedQuery.cc.js").then((m) => ({
+        default: m.SimulatePreloadedQuery,
+      }))
+    );
+  }
+  return (
+    <RealSimulatePreloadedQuery
+      options={options}
+      result={result}
+      queryKey={queryKey}
+    >
+      {children}
+    </RealSimulatePreloadedQuery>
+  );
+}

packages/client-react-streaming/tsup.config.ts

@@ -71,7 +71,15 @@ export default defineConfig((options) => {
     ),
     entry("ssr", "src/stream-utils/index.ts", "stream-utils.node"),
     {
-      ...entry("browser", "src/index.cc.ts", "index.cc"),
+      ...entry("browser", "src/index.cc.tsx", "index.cc"),
+      treeshake: false, // would remove the "use client" directive
+    },
+    {
+      ...entry(
+        "browser",
+        "src/SimulatePreloadedQuery.cc.ts",
+        "SimulatePreloadedQuery.cc"
+      ),
       treeshake: false, // would remove the "use client" directive
     },
   ];