@trpc/react-query 11.0.0-rc.436 → 11.0.0-rc.441

package/dist/bundle-analysis.json

@@ -1,7 +1,7 @@
 {
-  "bundleSize": 32073,
-  "bundleOrigSize": 68892,
-  "bundleReduction": 53.44,
+  "bundleSize": 32354,
+  "bundleOrigSize": 69172,
+  "bundleReduction": 53.23,
   "modules": [
     {
       "id": "/src/shared/hooks/createHooksInternal.tsx",
@@ -14,7 +14,7 @@
       "dependents": [
         "/src/createTRPCReact.tsx"
       ],
-      "percent": 42.93,
+      "percent": 42.56,
       "reduction": 12.76
     },
     {
@@ -29,7 +29,7 @@
         "/src/createTRPCQueryUtils.tsx",
         "/src/shared/hooks/createHooksInternal.tsx"
       ],
-      "percent": 11.79,
+      "percent": 11.69,
       "reduction": 6.34
     },
     {
@@ -43,20 +43,20 @@
       "dependents": [
         "/src/server/index.ts"
       ],
-      "percent": 10.87,
+      "percent": 10.77,
       "reduction": 52.58
     },
     {
       "id": "/src/rsc.tsx",
-      "size": 2839,
-      "origSize": 5014,
+      "size": 3120,
+      "origSize": 5294,
       "renderedExports": [
         "createHydrationHelpers"
       ],
       "removedExports": [],
       "dependents": [],
-      "percent": 8.85,
-      "reduction": 43.38
+      "percent": 9.64,
+      "reduction": 41.07
     },
     {
       "id": "/src/shared/proxy/utilsProxy.ts",
@@ -71,7 +71,7 @@
       "dependents": [
         "/src/shared/index.ts"
       ],
-      "percent": 8.83,
+      "percent": 8.75,
       "reduction": 74.84
     },
     {
@@ -91,7 +91,7 @@
         "/src/shared/proxy/useQueriesProxy.ts",
         "/src/shared/hooks/createHooksInternal.tsx"
       ],
-      "percent": 6.23,
+      "percent": 6.18,
       "reduction": 42.49
     },
     {
@@ -106,7 +106,7 @@
       "dependents": [
         "/src/index.ts"
       ],
-      "percent": 2.73,
+      "percent": 2.7,
       "reduction": 89.53
     },
     {
@@ -120,7 +120,7 @@
       "dependents": [
         "/src/shared/index.ts"
       ],
-      "percent": 2.44,
+      "percent": 2.42,
       "reduction": 24
     },
     {
@@ -135,7 +135,7 @@
         "/src/shared/index.ts",
         "/src/shared/hooks/createHooksInternal.tsx"
       ],
-      "percent": 1.77,
+      "percent": 1.76,
       "reduction": 82.1
     },
     {
@@ -151,7 +151,7 @@
         "/src/shared/hooks/createHooksInternal.tsx",
         "/src/utils/createUtilityFunctions.ts"
       ],
-      "percent": 1.47,
+      "percent": 1.46,
       "reduction": 17.31
     },
     {
@@ -179,7 +179,7 @@
       "dependents": [
         "/src/index.ts"
       ],
-      "percent": 0.51,
+      "percent": 0.5,
       "reduction": 66.6
     },
     {

package/dist/rsc.d.ts

@@ -15,7 +15,23 @@ type DecorateRouterRecord<TRoot extends AnyRootTypes, TRecord extends RouterReco
 };
 type Caller<TRouter extends AnyRouter> = ReturnType<RouterCaller<inferRouterRootTypes<TRouter>, TRouter['_def']['record']>>;
 /**
- * @note This requires `@tanstack/react-query@^5.45.0`
+ * @note This requires `@tanstack/react-query@^5.49.0`
+ * @note Make sure to have `dehyrate.serializeData` and `hydrate.deserializeData`
+ * set to your data transformer in your `QueryClient` factory.
+ * @example
+ * ```ts
+ * export const createQueryClient = () =>
+ *   new QueryClient({
+ *     defaultOptions: {
+ *       dehydrate: {
+ *         serializeData: transformer.serialize,
+ *       },
+ *       hydrate: {
+ *         deserializeData: transformer.deserialize,
+ *       },
+ *     },
+ *   });
+ * ```
  */
 export declare function createHydrationHelpers<TRouter extends AnyRouter>(caller: AnyRouter extends TRouter ? TypeError<'Generic parameter missing in `createHydrationHelpers<HERE>`'> : Caller<TRouter>, getQueryClient: () => QueryClient): {
     /***

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;;GAEG;AACH,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;IA6D/B;;;;;;;;;;;OAWG;;IAEH;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;2BAhDyB;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE;EAmD5D"}
+{"version":3,"file":"rsc.d.ts","sourceRoot":"","sources":["../src/rsc.tsx"],"names":[],"mappings":"AAEA,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;;;;;;;;;;;;;;;;;;GAkBG;AACH,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;IAwD/B;;;;;;;;;;;OAWG;;IAEH;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;2BAhDyB;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE;EAmD5D"}

package/dist/rsc.js

@@ -24,31 +24,43 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
+/// <reference types="react/canary" />
 const HELPERS = [
     'prefetch',
     'prefetchInfinite'
 ];
 // ts-prune-ignore-next
 /**
- * @note This requires `@tanstack/react-query@^5.45.0`
+ * @note This requires `@tanstack/react-query@^5.49.0`
+ * @note Make sure to have `dehyrate.serializeData` and `hydrate.deserializeData`
+ * set to your data transformer in your `QueryClient` factory.
+ * @example
+ * ```ts
+ * export const createQueryClient = () =>
+ *   new QueryClient({
+ *     defaultOptions: {
+ *       dehydrate: {
+ *         serializeData: transformer.serialize,
+ *       },
+ *       hydrate: {
+ *         deserializeData: transformer.deserialize,
+ *       },
+ *     },
+ *   });
+ * ```
  */ function createHydrationHelpers(caller, getQueryClient) {
-    const wrappedProxy = unstableCoreDoNotImport.createRecursiveProxy(async ({ path , args  })=>{
+    const wrappedProxy = unstableCoreDoNotImport.createRecursiveProxy(({ path , args  })=>{
         const proc = path.reduce((acc, key)=>// @ts-expect-error - ??
             HELPERS.includes(key) ? acc : acc[key], caller);
         const input = args[0];
         const promise = proc(input);
-        const queryFn = async ()=>{
-            const def = await caller._def();
-            const transformer = def._config.transformer;
-            return promise.then((value)=>transformer.output.serialize(value));
-        };
         const helper = path.pop();
         if (helper === 'prefetch') {
             const args1 = args[1];
             return getQueryClient().prefetchQuery({
                 ...args1,
                 queryKey: getQueryKey.getQueryKeyInternal(path, input, 'query'),
-                queryFn
+                queryFn: ()=>promise
             });
         }
         if (helper === 'prefetchInfinite') {
@@ -56,7 +68,7 @@ const HELPERS = [
             return getQueryClient().prefetchInfiniteQuery({
                 ...args11,
                 queryKey: getQueryKey.getQueryKeyInternal(path, input, 'infinite'),
-                queryFn,
+                queryFn: ()=>promise,
                 initialPageParam: args11?.initialCursor ?? null
             });
         }

package/dist/rsc.mjs

@@ -3,31 +3,43 @@ import { createRecursiveProxy } from '@trpc/server/unstable-core-do-not-import';
 import * as React from 'react';
 import { getQueryKeyInternal } from './internals/getQueryKey.mjs';
 
+/// <reference types="react/canary" />
 const HELPERS = [
     'prefetch',
     'prefetchInfinite'
 ];
 // ts-prune-ignore-next
 /**
- * @note This requires `@tanstack/react-query@^5.45.0`
+ * @note This requires `@tanstack/react-query@^5.49.0`
+ * @note Make sure to have `dehyrate.serializeData` and `hydrate.deserializeData`
+ * set to your data transformer in your `QueryClient` factory.
+ * @example
+ * ```ts
+ * export const createQueryClient = () =>
+ *   new QueryClient({
+ *     defaultOptions: {
+ *       dehydrate: {
+ *         serializeData: transformer.serialize,
+ *       },
+ *       hydrate: {
+ *         deserializeData: transformer.deserialize,
+ *       },
+ *     },
+ *   });
+ * ```
  */ function createHydrationHelpers(caller, getQueryClient) {
-    const wrappedProxy = createRecursiveProxy(async ({ path , args  })=>{
+    const wrappedProxy = createRecursiveProxy(({ path , args  })=>{
         const proc = path.reduce((acc, key)=>// @ts-expect-error - ??
             HELPERS.includes(key) ? acc : acc[key], caller);
         const input = args[0];
         const promise = proc(input);
-        const queryFn = async ()=>{
-            const def = await caller._def();
-            const transformer = def._config.transformer;
-            return promise.then((value)=>transformer.output.serialize(value));
-        };
         const helper = path.pop();
         if (helper === 'prefetch') {
             const args1 = args[1];
             return getQueryClient().prefetchQuery({
                 ...args1,
                 queryKey: getQueryKeyInternal(path, input, 'query'),
-                queryFn
+                queryFn: ()=>promise
             });
         }
         if (helper === 'prefetchInfinite') {
@@ -35,7 +47,7 @@ const HELPERS = [
             return getQueryClient().prefetchInfiniteQuery({
                 ...args11,
                 queryKey: getQueryKeyInternal(path, input, 'infinite'),
-                queryFn,
+                queryFn: ()=>promise,
                 initialPageParam: args11?.initialCursor ?? null
             });
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trpc/react-query",
-  "version": "11.0.0-rc.436+fbb4a2fb4",
+  "version": "11.0.0-rc.441+0c4a58144",
   "description": "The tRPC React library",
   "author": "KATT",
   "license": "MIT",
@@ -63,16 +63,16 @@
     }
   },
   "peerDependencies": {
-    "@tanstack/react-query": "^5.40.0",
-    "@trpc/client": "11.0.0-rc.436+fbb4a2fb4",
-    "@trpc/server": "11.0.0-rc.436+fbb4a2fb4",
+    "@tanstack/react-query": "^5.49.2",
+    "@trpc/client": "11.0.0-rc.441+0c4a58144",
+    "@trpc/server": "11.0.0-rc.441+0c4a58144",
     "react": ">=18.2.0",
     "react-dom": ">=18.2.0"
   },
   "devDependencies": {
-    "@tanstack/react-query": "^5.45.0",
-    "@trpc/client": "11.0.0-rc.436+fbb4a2fb4",
-    "@trpc/server": "11.0.0-rc.436+fbb4a2fb4",
+    "@tanstack/react-query": "^5.49.2",
+    "@trpc/client": "11.0.0-rc.441+0c4a58144",
+    "@trpc/server": "11.0.0-rc.441+0c4a58144",
     "@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": "fbb4a2fb4b71d2f5ab7ee97617d951f3a92517c8"
+  "gitHead": "0c4a581449b6cbf187e597dbd7ea29381878f2e8"
 }

package/src/rsc.tsx

@@ -1,3 +1,5 @@
+/// <reference types="react/canary" />
+
 import {
   dehydrate,
   HydrationBoundary,
@@ -70,7 +72,23 @@ type Caller<TRouter extends AnyRouter> = ReturnType<
 
 // ts-prune-ignore-next
 /**
- * @note This requires `@tanstack/react-query@^5.45.0`
+ * @note This requires `@tanstack/react-query@^5.49.0`
+ * @note Make sure to have `dehyrate.serializeData` and `hydrate.deserializeData`
+ * set to your data transformer in your `QueryClient` factory.
+ * @example
+ * ```ts
+ * export const createQueryClient = () =>
+ *   new QueryClient({
+ *     defaultOptions: {
+ *       dehydrate: {
+ *         serializeData: transformer.serialize,
+ *       },
+ *       hydrate: {
+ *         deserializeData: transformer.deserialize,
+ *       },
+ *     },
+ *   });
+ * ```
  */
 export function createHydrationHelpers<TRouter extends AnyRouter>(
   caller: AnyRouter extends TRouter
@@ -79,9 +97,10 @@ export function createHydrationHelpers<TRouter extends AnyRouter>(
   getQueryClient: () => QueryClient,
 ) {
   type RootTypes = inferRouterRootTypes<TRouter>;
+
   const wrappedProxy = createRecursiveProxy<
     DecorateRouterRecord<RootTypes, TRouter['_def']['record']>
-  >(async ({ path, args }) => {
+  >(({ path, args }) => {
     const proc = path.reduce(
       (acc, key) =>
         // @ts-expect-error - ??
@@ -92,12 +111,6 @@ export function createHydrationHelpers<TRouter extends AnyRouter>(
     const input = args[0];
     const promise = proc(input);
 
-    const queryFn = async () => {
-      const def: AnyRouter['_def'] = await (caller as any)._def();
-      const transformer = def._config.transformer;
-      return promise.then((value) => transformer.output.serialize(value));
-    };
-
     const helper = path.pop();
     if (helper === 'prefetch') {
       const args1 = args[1] as Maybe<
@@ -107,7 +120,7 @@ export function createHydrationHelpers<TRouter extends AnyRouter>(
       return getQueryClient().prefetchQuery({
         ...args1,
         queryKey: getQueryKeyInternal(path, input, 'query'),
-        queryFn,
+        queryFn: () => promise,
       });
     }
     if (helper === 'prefetchInfinite') {
@@ -118,7 +131,7 @@ export function createHydrationHelpers<TRouter extends AnyRouter>(
       return getQueryClient().prefetchInfiniteQuery({
         ...args1,
         queryKey: getQueryKeyInternal(path, input, 'infinite'),
-        queryFn,
+        queryFn: () => promise,
         initialPageParam: args1?.initialCursor ?? null,
       });
     }