@trpc/react-query 11.0.0-alpha-tmp-app-router-example.382 → 11.0.0-alpha-tmp-app-router-example.383

package/dist/bundle-analysis.json

@@ -1,7 +1,7 @@
 {
-  "bundleSize": 32132,
-  "bundleOrigSize": 68297,
-  "bundleReduction": 52.95,
+  "bundleSize": 32315,
+  "bundleOrigSize": 68524,
+  "bundleReduction": 52.84,
   "modules": [
     {
       "id": "/src/shared/hooks/createHooksInternal.tsx",
@@ -14,7 +14,7 @@
       "dependents": [
         "/src/createTRPCReact.tsx"
       ],
-      "percent": 42.77,
+      "percent": 42.53,
       "reduction": 12.84
     },
     {
@@ -29,7 +29,7 @@
         "/src/createTRPCQueryUtils.tsx",
         "/src/shared/hooks/createHooksInternal.tsx"
       ],
-      "percent": 11.77,
+      "percent": 11.7,
       "reduction": 6.34
     },
     {
@@ -43,9 +43,21 @@
       "dependents": [
         "/src/server/index.ts"
       ],
-      "percent": 11.43,
+      "percent": 11.37,
       "reduction": 50.38
     },
+    {
+      "id": "/src/rsc.tsx",
+      "size": 2884,
+      "origSize": 5084,
+      "renderedExports": [
+        "createHydrationHelpers"
+      ],
+      "removedExports": [],
+      "dependents": [],
+      "percent": 8.92,
+      "reduction": 43.27
+    },
     {
       "id": "/src/shared/proxy/utilsProxy.ts",
       "size": 2869,
@@ -59,21 +71,9 @@
       "dependents": [
         "/src/shared/index.ts"
       ],
-      "percent": 8.93,
+      "percent": 8.88,
       "reduction": 74.38
     },
-    {
-      "id": "/src/rsc.tsx",
-      "size": 2701,
-      "origSize": 4857,
-      "renderedExports": [
-        "createHydrationHelpers"
-      ],
-      "removedExports": [],
-      "dependents": [],
-      "percent": 8.41,
-      "reduction": 44.39
-    },
     {
       "id": "/src/internals/getQueryKey.ts",
       "size": 1999,
@@ -91,7 +91,7 @@
         "/src/shared/proxy/useQueriesProxy.ts",
         "/src/shared/hooks/createHooksInternal.tsx"
       ],
-      "percent": 6.22,
+      "percent": 6.19,
       "reduction": 42.49
     },
     {
@@ -106,7 +106,7 @@
       "dependents": [
         "/src/index.ts"
       ],
-      "percent": 2.65,
+      "percent": 2.63,
       "reduction": 89.28
     },
     {
@@ -120,7 +120,7 @@
       "dependents": [
         "/src/shared/index.ts"
       ],
-      "percent": 2.51,
+      "percent": 2.49,
       "reduction": 23.16
     },
     {
@@ -135,7 +135,7 @@
         "/src/shared/index.ts",
         "/src/shared/hooks/createHooksInternal.tsx"
       ],
-      "percent": 1.77,
+      "percent": 1.76,
       "reduction": 82.03
     },
     {
@@ -151,7 +151,7 @@
         "/src/shared/hooks/createHooksInternal.tsx",
         "/src/utils/createUtilityFunctions.ts"
       ],
-      "percent": 1.47,
+      "percent": 1.46,
       "reduction": 17.31
     },
     {

package/dist/rsc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rsc.d.ts","sourceRoot":"","sources":["../src/rsc.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,mBAAmB,EACxB,KAAK,YAAY,EAClB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EAEpB,YAAY,EACZ,SAAS,EACV,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,6BAA6B,EAC7B,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAIlB,KAAK,iBAAiB,CACpB,KAAK,SAAS,YAAY,EAC1B,UAAU,SAAS,YAAY,IAC7B;IACF,CAAC,KAAK,EAAE,mBAAmB,CAAC,UAAU,CAAC,GAAG,OAAO,CAC/C,oBAAoB,CAAC,UAAU,CAAC,CACjC,CAAC;IACF,QAAQ,EAAE,CACR,KAAK,EAAE,mBAAmB,CAAC,UAAU,CAAC,EACtC,IAAI,CAAC,EAAE,qBAAqB,CAC1B,+BAA+B,CAAC,KAAK,EAAE,UAAU,CAAC,EAClD,eAAe,CAAC,KAAK,CAAC,CACvB,KACE,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,gBAAgB,EAAE,CAChB,KAAK,EAAE,mBAAmB,CAAC,UAAU,CAAC,EACtC,IAAI,CAAC,EAAE,6BAA6B,CAClC,mBAAmB,CAAC,UAAU,CAAC,EAC/B,+BAA+B,CAAC,KAAK,EAAE,UAAU,CAAC,EAClD,eAAe,CAAC,KAAK,CAAC,CACvB,KACE,OAAO,CAAC,IAAI,CAAC,CAAC;CACpB,CAAC;AAEF,KAAK,oBAAoB,CACvB,KAAK,SAAS,YAAY,EAC1B,OAAO,SAAS,YAAY,IAC1B;KACD,IAAI,IAAI,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,SAAS,YAAY,GACvD,iBAAiB,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,GACvC,OAAO,CAAC,IAAI,CAAC,SAAS,YAAY,GAClC,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,GAC1C,KAAK;CACV,CAAC;AAEF,KAAK,MAAM,CAAC,OAAO,SAAS,SAAS,IAAI,UAAU,CACjD,YAAY,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,CACvE,CAAC;AAGF,wBAAgB,sBAAsB,CAAC,OAAO,SAAS,SAAS,EAC9D,MAAM,EAAE,SAAS,SAAS,OAAO,GAC7B,SAAS,CAAC,6DAA6D,CAAC,GACxE,MAAM,CAAC,OAAO,CAAC,EACnB,cAAc,EAAE,MAAM,WAAW;IAqD/B;;;;;;;;;;;OAWG;;IAEH;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;2BAlDyB;QAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;KAAE;EAqD5D"}
+{"version":3,"file":"rsc.d.ts","sourceRoot":"","sources":["../src/rsc.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,mBAAmB,EACxB,KAAK,YAAY,EAClB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EAEpB,YAAY,EACZ,SAAS,EACV,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,6BAA6B,EAC7B,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAIlB,KAAK,iBAAiB,CACpB,KAAK,SAAS,YAAY,EAC1B,UAAU,SAAS,YAAY,IAC7B;IACF,CAAC,KAAK,EAAE,mBAAmB,CAAC,UAAU,CAAC,GAAG,OAAO,CAC/C,oBAAoB,CAAC,UAAU,CAAC,CACjC,CAAC;IACF,QAAQ,EAAE,CACR,KAAK,EAAE,mBAAmB,CAAC,UAAU,CAAC,EACtC,IAAI,CAAC,EAAE,qBAAqB,CAC1B,+BAA+B,CAAC,KAAK,EAAE,UAAU,CAAC,EAClD,eAAe,CAAC,KAAK,CAAC,CACvB,KACE,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,gBAAgB,EAAE,CAChB,KAAK,EAAE,mBAAmB,CAAC,UAAU,CAAC,EACtC,IAAI,CAAC,EAAE,6BAA6B,CAClC,mBAAmB,CAAC,UAAU,CAAC,EAC/B,+BAA+B,CAAC,KAAK,EAAE,UAAU,CAAC,EAClD,eAAe,CAAC,KAAK,CAAC,CACvB,KACE,OAAO,CAAC,IAAI,CAAC,CAAC;CACpB,CAAC;AAEF,KAAK,oBAAoB,CACvB,KAAK,SAAS,YAAY,EAC1B,OAAO,SAAS,YAAY,IAC1B;KACD,IAAI,IAAI,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,SAAS,YAAY,GACvD,iBAAiB,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,GACvC,OAAO,CAAC,IAAI,CAAC,SAAS,YAAY,GAClC,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,GAC1C,KAAK;CACV,CAAC;AAEF,KAAK,MAAM,CAAC,OAAO,SAAS,SAAS,IAAI,UAAU,CACjD,YAAY,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,CACvE,CAAC;AAGF,wBAAgB,sBAAsB,CAAC,OAAO,SAAS,SAAS,EAC9D,MAAM,EAAE,SAAS,SAAS,OAAO,GAC7B,SAAS,CAAC,6DAA6D,CAAC,GACxE,MAAM,CAAC,OAAO,CAAC,EACnB,cAAc,EAAE,MAAM,WAAW;IA2D/B;;;;;;;;;;;OAWG;;IAEH;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;2BAhDyB;QAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;KAAE;EAmD5D"}

package/dist/rsc.js

@@ -38,18 +38,22 @@ function createHydrationHelpers(caller, getQueryClient) {
         const helper = path.pop();
         if (helper === 'prefetch') {
             const args1 = args[1];
+            const def = await caller._def();
+            const transformer = def._config.transformer.output;
             return getQueryClient().prefetchQuery({
                 ...args1,
                 queryKey: getQueryKey.getQueryKeyInternal(path, input, 'query'),
-                queryFn: ()=>promise
+                queryFn: ()=>promise.then((value)=>transformer.serialize(value))
             });
         }
         if (helper === 'prefetchInfinite') {
             const args11 = args[1];
+            const def1 = await caller._def();
+            const transformer1 = def1._config.transformer.output;
             return getQueryClient().prefetchInfiniteQuery({
                 ...args11,
                 queryKey: getQueryKey.getQueryKeyInternal(path, input, 'infinite'),
-                queryFn: ()=>promise,
+                queryFn: ()=>promise.then((value)=>transformer1.serialize(value)),
                 initialPageParam: args11?.initialCursor ?? null
             });
         }
@@ -57,8 +61,6 @@ function createHydrationHelpers(caller, getQueryClient) {
     });
     function HydrateClient(props) {
         const dehydratedState = reactQuery.dehydrate(getQueryClient());
-        // TODO: transform?? We can't transform promises i don't think...
-        // since that is handled by React internally
         return /*#__PURE__*/ React__namespace.createElement(reactQuery.HydrationBoundary, {
             state: dehydratedState
         }, props.children);

package/dist/rsc.mjs

@@ -17,18 +17,22 @@ function createHydrationHelpers(caller, getQueryClient) {
         const helper = path.pop();
         if (helper === 'prefetch') {
             const args1 = args[1];
+            const def = await caller._def();
+            const transformer = def._config.transformer.output;
             return getQueryClient().prefetchQuery({
                 ...args1,
                 queryKey: getQueryKeyInternal(path, input, 'query'),
-                queryFn: ()=>promise
+                queryFn: ()=>promise.then((value)=>transformer.serialize(value))
             });
         }
         if (helper === 'prefetchInfinite') {
             const args11 = args[1];
+            const def1 = await caller._def();
+            const transformer1 = def1._config.transformer.output;
             return getQueryClient().prefetchInfiniteQuery({
                 ...args11,
                 queryKey: getQueryKeyInternal(path, input, 'infinite'),
-                queryFn: ()=>promise,
+                queryFn: ()=>promise.then((value)=>transformer1.serialize(value)),
                 initialPageParam: args11?.initialCursor ?? null
             });
         }
@@ -36,8 +40,6 @@ function createHydrationHelpers(caller, getQueryClient) {
     });
     function HydrateClient(props) {
         const dehydratedState = dehydrate(getQueryClient());
-        // TODO: transform?? We can't transform promises i don't think...
-        // since that is handled by React internally
         return /*#__PURE__*/ React.createElement(HydrationBoundary, {
             state: dehydratedState
         }, props.children);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trpc/react-query",
-  "version": "11.0.0-alpha-tmp-app-router-example.382+c359a47e9",
+  "version": "11.0.0-alpha-tmp-app-router-example.383+882a6dd80",
   "description": "The tRPC React library",
   "author": "KATT",
   "license": "MIT",
@@ -64,15 +64,15 @@
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.25.0",
-    "@trpc/client": "11.0.0-alpha-tmp-app-router-example.382+c359a47e9",
-    "@trpc/server": "11.0.0-alpha-tmp-app-router-example.382+c359a47e9",
+    "@trpc/client": "11.0.0-alpha-tmp-app-router-example.383+882a6dd80",
+    "@trpc/server": "11.0.0-alpha-tmp-app-router-example.383+882a6dd80",
     "react": ">=18.2.0",
     "react-dom": ">=18.2.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.40.0",
-    "@trpc/client": "11.0.0-alpha-tmp-app-router-example.382+c359a47e9",
-    "@trpc/server": "11.0.0-alpha-tmp-app-router-example.382+c359a47e9",
+    "@trpc/client": "11.0.0-alpha-tmp-app-router-example.383+882a6dd80",
+    "@trpc/server": "11.0.0-alpha-tmp-app-router-example.383+882a6dd80",
     "@types/express": "^4.17.17",
     "@types/node": "^20.10.0",
     "@types/react": "^18.3.1",
@@ -92,5 +92,5 @@
   "funding": [
     "https://trpc.io/sponsor"
   ],
-  "gitHead": "c359a47e9da8bc4c8d177189e3738fe440d87ddd"
+  "gitHead": "882a6dd800c3b75d864c5a5cfddaa2229d95c708"
 }

package/src/rsc.tsx

@@ -92,20 +92,28 @@ export function createHydrationHelpers<TRouter extends AnyRouter>(
       const args1 = args[1] as Maybe<
         TRPCFetchInfiniteQueryOptions<any, any, any>
       >;
+
+      const def: AnyRouter['_def'] = await (caller as any)._def();
+      const transformer = def._config.transformer.output;
+
       return getQueryClient().prefetchQuery({
         ...args1,
         queryKey: getQueryKeyInternal(path, input, 'query'),
-        queryFn: () => promise,
+        queryFn: () => promise.then((value) => transformer.serialize(value)),
       });
     }
     if (helper === 'prefetchInfinite') {
       const args1 = args[1] as Maybe<
         TRPCFetchInfiniteQueryOptions<any, any, any>
       >;
+
+      const def: AnyRouter['_def'] = await (caller as any)._def();
+      const transformer = def._config.transformer.output;
+
       return getQueryClient().prefetchInfiniteQuery({
         ...args1,
         queryKey: getQueryKeyInternal(path, input, 'infinite'),
-        queryFn: () => promise,
+        queryFn: () => promise.then((value) => transformer.serialize(value)),
         initialPageParam: args1?.initialCursor ?? null,
       });
     }
@@ -115,8 +123,6 @@ export function createHydrationHelpers<TRouter extends AnyRouter>(
 
   function HydrateClient(props: { children: React.ReactNode }) {
     const dehydratedState = dehydrate(getQueryClient());
-    // TODO: transform?? We can't transform promises i don't think...
-    // since that is handled by React internally
 
     return (
       <HydrationBoundary state={dehydratedState}>