Merge pull request #345 from apollographql/pr/lazy-load-SimulatePrelo…

…adedQuery
apollographql · Sep 2, 2024 · 5a46eff · 5a46eff
2 parents cee4e66 + b58bdf7
commit 5a46eff
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 2 deletions.
diff --git a/...es/client-react-streaming/src/index.cc.ts → ...treaming/src/SimulatePreloadedQuery.cc.ts b/...es/client-react-streaming/src/index.cc.ts → ...treaming/src/SimulatePreloadedQuery.cc.ts
@@ -23,7 +23,7 @@ import type { PreloadQueryOptions } from "./PreloadQuery.js";
 
 const handledRequests = new WeakMap<TransportedOptions, TransportIdentifier>();
 
-export function SimulatePreloadedQuery<T>({
+export default function SimulatePreloadedQuery<T>({
   options,
   result,
   children,

diff --git a/packages/client-react-streaming/src/index.cc.tsx b/packages/client-react-streaming/src/index.cc.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import * as React from "react";
+
+let RealSimulatePreloadedQuery: typeof import("./SimulatePreloadedQuery.cc.js").default;
+export const SimulatePreloadedQuery: typeof import("./SimulatePreloadedQuery.cc.js").default =
+  (props) => {
+    if (!RealSimulatePreloadedQuery) {
+      RealSimulatePreloadedQuery = React.lazy(
+        () => import("./SimulatePreloadedQuery.cc.js")
+      );
+    }
+    return <RealSimulatePreloadedQuery {...props} />;
+  };
diff --git a/packages/client-react-streaming/tsup.config.ts b/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
     },
   ];