@trpc/react-query 10.0.0-rc.7 → 10.0.0-rc.8

package/README.md

@@ -22,13 +22,13 @@ Full documentation for `@trpc/react-query` can be found [here](https://trpc.io/d
 
 ```bash
 # npm
-npm install @trpc/react-query@next @tanstack/react-query
+npm install @trpc/react-query @tanstack/react-query
 
 # Yarn
-yarn add @trpc/react-query@next @tanstack/react-query
+yarn add @trpc/react-query @tanstack/react-query
 
 # pnpm
-pnpm add @trpc/react-query@next @tanstack/react-query
+pnpm add @trpc/react-query @tanstack/react-query
 ```
 
 ## Basic Example

package/dist/{createHooksInternal-0438ab3f.mjs → createHooksInternal-2bef4843.mjs}

@@ -2,7 +2,7 @@ import { createRecursiveProxy, createFlatProxy } from '@trpc/server/shared';
 import { createTRPCClientProxy, createTRPCClient } from '@trpc/client';
 import { useQuery, useQueryClient, useMutation, hashQueryKey, useInfiniteQuery } from '@tanstack/react-query';
 import React, { createContext, useState, useEffect, useCallback, useMemo, useRef } from 'react';
-import { g as getArrayQueryKey } from './getArrayQueryKey-e56d8d64.mjs';
+import { g as getArrayQueryKey } from './getArrayQueryKey-c6f6badf.mjs';
 
 /**
  * We treat `undefined` as an input the same as omitting an `input`
@@ -159,13 +159,13 @@ function getClientArgs(pathAndInput, opts) {
                 ssrContext: ssrContext || null,
                 ssrState,
                 fetchQuery: useCallback((pathAndInput, opts)=>{
-                    return queryClient.fetchQuery(getArrayQueryKey(pathAndInput), ()=>client.query(...getClientArgs(pathAndInput, opts)), opts);
+                    return queryClient.fetchQuery(getArrayQueryKey(pathAndInput, 'query'), ()=>client.query(...getClientArgs(pathAndInput, opts)), opts);
                 }, [
                     client,
                     queryClient
                 ]),
                 fetchInfiniteQuery: useCallback((pathAndInput, opts)=>{
-                    return queryClient.fetchInfiniteQuery(getArrayQueryKey(pathAndInput), ({ pageParam  })=>{
+                    return queryClient.fetchInfiniteQuery(getArrayQueryKey(pathAndInput, 'infinite'), ({ pageParam  })=>{
                         const [path, input] = pathAndInput;
                         const actualInput = {
                             ...input,
@@ -181,13 +181,13 @@ function getClientArgs(pathAndInput, opts) {
                     queryClient
                 ]),
                 prefetchQuery: useCallback((pathAndInput, opts)=>{
-                    return queryClient.prefetchQuery(getArrayQueryKey(pathAndInput), ()=>client.query(...getClientArgs(pathAndInput, opts)), opts);
+                    return queryClient.prefetchQuery(getArrayQueryKey(pathAndInput, 'query'), ()=>client.query(...getClientArgs(pathAndInput, opts)), opts);
                 }, [
                     client,
                     queryClient
                 ]),
                 prefetchInfiniteQuery: useCallback((pathAndInput, opts)=>{
-                    return queryClient.prefetchInfiniteQuery(getArrayQueryKey(pathAndInput), ({ pageParam  })=>{
+                    return queryClient.prefetchInfiniteQuery(getArrayQueryKey(pathAndInput, 'infinite'), ({ pageParam  })=>{
                         const [path, input] = pathAndInput;
                         const actualInput = {
                             ...input,
@@ -204,42 +204,42 @@ function getClientArgs(pathAndInput, opts) {
                 ]),
                 invalidateQueries: useCallback((...args)=>{
                     const [queryKey, ...rest] = args;
-                    return queryClient.invalidateQueries(getArrayQueryKey(queryKey), ...rest);
+                    return queryClient.invalidateQueries(getArrayQueryKey(queryKey, 'any'), ...rest);
                 }, [
                     queryClient
                 ]),
                 refetchQueries: useCallback((...args)=>{
                     const [queryKey, ...rest] = args;
-                    return queryClient.refetchQueries(getArrayQueryKey(queryKey), ...rest);
+                    return queryClient.refetchQueries(getArrayQueryKey(queryKey, 'any'), ...rest);
                 }, [
                     queryClient
                 ]),
                 cancelQuery: useCallback((pathAndInput)=>{
-                    return queryClient.cancelQueries(getArrayQueryKey(pathAndInput));
+                    return queryClient.cancelQueries(getArrayQueryKey(pathAndInput, 'any'));
                 }, [
                     queryClient
                 ]),
                 setQueryData: useCallback((...args)=>{
                     const [queryKey, ...rest] = args;
-                    return queryClient.setQueryData(getArrayQueryKey(queryKey), ...rest);
+                    return queryClient.setQueryData(getArrayQueryKey(queryKey, 'query'), ...rest);
                 }, [
                     queryClient
                 ]),
                 getQueryData: useCallback((...args)=>{
                     const [queryKey, ...rest] = args;
-                    return queryClient.getQueryData(getArrayQueryKey(queryKey), ...rest);
+                    return queryClient.getQueryData(getArrayQueryKey(queryKey, 'query'), ...rest);
                 }, [
                     queryClient
                 ]),
                 setInfiniteQueryData: useCallback((...args)=>{
                     const [queryKey, ...rest] = args;
-                    return queryClient.setQueryData(getArrayQueryKey(queryKey), ...rest);
+                    return queryClient.setQueryData(getArrayQueryKey(queryKey, 'infinite'), ...rest);
                 }, [
                     queryClient
                 ]),
                 getInfiniteQueryData: useCallback((...args)=>{
                     const [queryKey, ...rest] = args;
-                    return queryClient.getQueryData(getArrayQueryKey(queryKey), ...rest);
+                    return queryClient.getQueryData(getArrayQueryKey(queryKey, 'infinite'), ...rest);
                 }, [
                     queryClient
                 ])
@@ -252,22 +252,22 @@ function getClientArgs(pathAndInput, opts) {
     /**
    * Hack to make sure errors return `status`='error` when doing SSR
    * @link https://github.com/trpc/trpc/pull/1645
-   */ function useSSRQueryOptionsIfNeeded(pathAndInput, opts) {
+   */ function useSSRQueryOptionsIfNeeded(pathAndInput, type, opts) {
         const { queryClient , ssrState  } = useContext();
-        return ssrState && ssrState !== 'mounted' && queryClient.getQueryCache().find(getArrayQueryKey(pathAndInput))?.state.status === 'error' ? {
+        return ssrState && ssrState !== 'mounted' && queryClient.getQueryCache().find(getArrayQueryKey(pathAndInput, type))?.state.status === 'error' ? {
             retryOnMount: false,
             ...opts
         } : opts;
     }
     function useQuery$1(pathAndInput, opts) {
         const { abortOnUnmount , client , ssrState , queryClient , prefetchQuery  } = useContext();
-        if (typeof window === 'undefined' && ssrState === 'prepass' && opts?.trpc?.ssr !== false && opts?.enabled !== false && !queryClient.getQueryCache().find(getArrayQueryKey(pathAndInput))) {
+        if (typeof window === 'undefined' && ssrState === 'prepass' && opts?.trpc?.ssr !== false && opts?.enabled !== false && !queryClient.getQueryCache().find(getArrayQueryKey(pathAndInput, 'query'))) {
             void prefetchQuery(pathAndInput, opts);
         }
-        const ssrOpts = useSSRQueryOptionsIfNeeded(pathAndInput, opts);
+        const ssrOpts = useSSRQueryOptionsIfNeeded(pathAndInput, 'query', opts);
         // request option should take priority over global
         const shouldAbortOnUnmount = opts?.trpc?.abortOnUnmount ?? abortOnUnmount;
-        const hook = useQuery(getArrayQueryKey(pathAndInput), (queryFunctionContext)=>{
+        const hook = useQuery(getArrayQueryKey(pathAndInput, 'query'), (queryFunctionContext)=>{
             const actualOpts = {
                 ...ssrOpts,
                 trpc: {
@@ -358,13 +358,13 @@ function getClientArgs(pathAndInput, opts) {
     function useInfiniteQuery$1(pathAndInput, opts) {
         const [path, input] = pathAndInput;
         const { client , ssrState , prefetchInfiniteQuery , queryClient , abortOnUnmount ,  } = useContext();
-        if (typeof window === 'undefined' && ssrState === 'prepass' && opts?.trpc?.ssr !== false && opts?.enabled !== false && !queryClient.getQueryCache().find(getArrayQueryKey(pathAndInput))) {
+        if (typeof window === 'undefined' && ssrState === 'prepass' && opts?.trpc?.ssr !== false && opts?.enabled !== false && !queryClient.getQueryCache().find(getArrayQueryKey(pathAndInput, 'infinite'))) {
             void prefetchInfiniteQuery(pathAndInput, opts);
         }
-        const ssrOpts = useSSRQueryOptionsIfNeeded(pathAndInput, opts);
+        const ssrOpts = useSSRQueryOptionsIfNeeded(pathAndInput, 'infinite', opts);
         // request option should take priority over global
         const shouldAbortOnUnmount = opts?.trpc?.abortOnUnmount ?? abortOnUnmount;
-        const hook = useInfiniteQuery(getArrayQueryKey(pathAndInput), (queryFunctionContext)=>{
+        const hook = useInfiniteQuery(getArrayQueryKey(pathAndInput, 'infinite'), (queryFunctionContext)=>{
             const actualOpts = {
                 ...ssrOpts,
                 trpc: {

package/dist/{createHooksInternal-c6b8f183.js → createHooksInternal-d633d100.js}

@@ -4,7 +4,7 @@ var shared = require('@trpc/server/shared');
 var client = require('@trpc/client');
 var reactQuery = require('@tanstack/react-query');
 var React = require('react');
-var getArrayQueryKey = require('./getArrayQueryKey-5ab807a3.js');
+var getArrayQueryKey = require('./getArrayQueryKey-24927615.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -165,13 +165,13 @@ function getClientArgs(pathAndInput, opts) {
                 ssrContext: ssrContext || null,
                 ssrState,
                 fetchQuery: React.useCallback((pathAndInput, opts)=>{
-                    return queryClient.fetchQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput), ()=>client.query(...getClientArgs(pathAndInput, opts)), opts);
+                    return queryClient.fetchQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput, 'query'), ()=>client.query(...getClientArgs(pathAndInput, opts)), opts);
                 }, [
                     client,
                     queryClient
                 ]),
                 fetchInfiniteQuery: React.useCallback((pathAndInput, opts)=>{
-                    return queryClient.fetchInfiniteQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput), ({ pageParam  })=>{
+                    return queryClient.fetchInfiniteQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput, 'infinite'), ({ pageParam  })=>{
                         const [path, input] = pathAndInput;
                         const actualInput = {
                             ...input,
@@ -187,13 +187,13 @@ function getClientArgs(pathAndInput, opts) {
                     queryClient
                 ]),
                 prefetchQuery: React.useCallback((pathAndInput, opts)=>{
-                    return queryClient.prefetchQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput), ()=>client.query(...getClientArgs(pathAndInput, opts)), opts);
+                    return queryClient.prefetchQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput, 'query'), ()=>client.query(...getClientArgs(pathAndInput, opts)), opts);
                 }, [
                     client,
                     queryClient
                 ]),
                 prefetchInfiniteQuery: React.useCallback((pathAndInput, opts)=>{
-                    return queryClient.prefetchInfiniteQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput), ({ pageParam  })=>{
+                    return queryClient.prefetchInfiniteQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput, 'infinite'), ({ pageParam  })=>{
                         const [path, input] = pathAndInput;
                         const actualInput = {
                             ...input,
@@ -210,42 +210,42 @@ function getClientArgs(pathAndInput, opts) {
                 ]),
                 invalidateQueries: React.useCallback((...args)=>{
                     const [queryKey, ...rest] = args;
-                    return queryClient.invalidateQueries(getArrayQueryKey.getArrayQueryKey(queryKey), ...rest);
+                    return queryClient.invalidateQueries(getArrayQueryKey.getArrayQueryKey(queryKey, 'any'), ...rest);
                 }, [
                     queryClient
                 ]),
                 refetchQueries: React.useCallback((...args)=>{
                     const [queryKey, ...rest] = args;
-                    return queryClient.refetchQueries(getArrayQueryKey.getArrayQueryKey(queryKey), ...rest);
+                    return queryClient.refetchQueries(getArrayQueryKey.getArrayQueryKey(queryKey, 'any'), ...rest);
                 }, [
                     queryClient
                 ]),
                 cancelQuery: React.useCallback((pathAndInput)=>{
-                    return queryClient.cancelQueries(getArrayQueryKey.getArrayQueryKey(pathAndInput));
+                    return queryClient.cancelQueries(getArrayQueryKey.getArrayQueryKey(pathAndInput, 'any'));
                 }, [
                     queryClient
                 ]),
                 setQueryData: React.useCallback((...args)=>{
                     const [queryKey, ...rest] = args;
-                    return queryClient.setQueryData(getArrayQueryKey.getArrayQueryKey(queryKey), ...rest);
+                    return queryClient.setQueryData(getArrayQueryKey.getArrayQueryKey(queryKey, 'query'), ...rest);
                 }, [
                     queryClient
                 ]),
                 getQueryData: React.useCallback((...args)=>{
                     const [queryKey, ...rest] = args;
-                    return queryClient.getQueryData(getArrayQueryKey.getArrayQueryKey(queryKey), ...rest);
+                    return queryClient.getQueryData(getArrayQueryKey.getArrayQueryKey(queryKey, 'query'), ...rest);
                 }, [
                     queryClient
                 ]),
                 setInfiniteQueryData: React.useCallback((...args)=>{
                     const [queryKey, ...rest] = args;
-                    return queryClient.setQueryData(getArrayQueryKey.getArrayQueryKey(queryKey), ...rest);
+                    return queryClient.setQueryData(getArrayQueryKey.getArrayQueryKey(queryKey, 'infinite'), ...rest);
                 }, [
                     queryClient
                 ]),
                 getInfiniteQueryData: React.useCallback((...args)=>{
                     const [queryKey, ...rest] = args;
-                    return queryClient.getQueryData(getArrayQueryKey.getArrayQueryKey(queryKey), ...rest);
+                    return queryClient.getQueryData(getArrayQueryKey.getArrayQueryKey(queryKey, 'infinite'), ...rest);
                 }, [
                     queryClient
                 ])
@@ -258,22 +258,22 @@ function getClientArgs(pathAndInput, opts) {
     /**
    * Hack to make sure errors return `status`='error` when doing SSR
    * @link https://github.com/trpc/trpc/pull/1645
-   */ function useSSRQueryOptionsIfNeeded(pathAndInput, opts) {
+   */ function useSSRQueryOptionsIfNeeded(pathAndInput, type, opts) {
         const { queryClient , ssrState  } = useContext();
-        return ssrState && ssrState !== 'mounted' && queryClient.getQueryCache().find(getArrayQueryKey.getArrayQueryKey(pathAndInput))?.state.status === 'error' ? {
+        return ssrState && ssrState !== 'mounted' && queryClient.getQueryCache().find(getArrayQueryKey.getArrayQueryKey(pathAndInput, type))?.state.status === 'error' ? {
             retryOnMount: false,
             ...opts
         } : opts;
     }
     function useQuery(pathAndInput, opts) {
         const { abortOnUnmount , client , ssrState , queryClient , prefetchQuery  } = useContext();
-        if (typeof window === 'undefined' && ssrState === 'prepass' && opts?.trpc?.ssr !== false && opts?.enabled !== false && !queryClient.getQueryCache().find(getArrayQueryKey.getArrayQueryKey(pathAndInput))) {
+        if (typeof window === 'undefined' && ssrState === 'prepass' && opts?.trpc?.ssr !== false && opts?.enabled !== false && !queryClient.getQueryCache().find(getArrayQueryKey.getArrayQueryKey(pathAndInput, 'query'))) {
             void prefetchQuery(pathAndInput, opts);
         }
-        const ssrOpts = useSSRQueryOptionsIfNeeded(pathAndInput, opts);
+        const ssrOpts = useSSRQueryOptionsIfNeeded(pathAndInput, 'query', opts);
         // request option should take priority over global
         const shouldAbortOnUnmount = opts?.trpc?.abortOnUnmount ?? abortOnUnmount;
-        const hook = reactQuery.useQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput), (queryFunctionContext)=>{
+        const hook = reactQuery.useQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput, 'query'), (queryFunctionContext)=>{
             const actualOpts = {
                 ...ssrOpts,
                 trpc: {
@@ -364,13 +364,13 @@ function getClientArgs(pathAndInput, opts) {
     function useInfiniteQuery(pathAndInput, opts) {
         const [path, input] = pathAndInput;
         const { client , ssrState , prefetchInfiniteQuery , queryClient , abortOnUnmount ,  } = useContext();
-        if (typeof window === 'undefined' && ssrState === 'prepass' && opts?.trpc?.ssr !== false && opts?.enabled !== false && !queryClient.getQueryCache().find(getArrayQueryKey.getArrayQueryKey(pathAndInput))) {
+        if (typeof window === 'undefined' && ssrState === 'prepass' && opts?.trpc?.ssr !== false && opts?.enabled !== false && !queryClient.getQueryCache().find(getArrayQueryKey.getArrayQueryKey(pathAndInput, 'infinite'))) {
             void prefetchInfiniteQuery(pathAndInput, opts);
         }
-        const ssrOpts = useSSRQueryOptionsIfNeeded(pathAndInput, opts);
+        const ssrOpts = useSSRQueryOptionsIfNeeded(pathAndInput, 'infinite', opts);
         // request option should take priority over global
         const shouldAbortOnUnmount = opts?.trpc?.abortOnUnmount ?? abortOnUnmount;
-        const hook = reactQuery.useInfiniteQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput), (queryFunctionContext)=>{
+        const hook = reactQuery.useInfiniteQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput, 'infinite'), (queryFunctionContext)=>{
             const actualOpts = {
                 ...ssrOpts,
                 trpc: {

package/dist/{getArrayQueryKey-5ab807a3.js → getArrayQueryKey-24927615.js}

@@ -6,15 +6,25 @@
  * storing in tanstack query. This function converts from the `.` separated
  * path passed around internally by both the legacy and proxy implementation.
  * https://github.com/trpc/trpc/issues/2611
- */ function getArrayQueryKey(queryKey) {
+ */ function getArrayQueryKey(queryKey, type) {
     const queryKeyArrayed = Array.isArray(queryKey) ? queryKey : [
         queryKey
     ];
-    const [path, ...input] = queryKeyArrayed;
+    const [path, input] = queryKeyArrayed;
     const arrayPath = typeof path !== 'string' || path === '' ? [] : path.split('.');
+    // Construct a query key that is easy to destructure and flexible for
+    // partial selecting etc.
+    // https://github.com/trpc/trpc/issues/3128
     return [
         arrayPath,
-        ...input
+        {
+            ...input && {
+                input: input
+            },
+            ...type && type !== 'any' && {
+                type: type
+            }
+        }
     ];
 }
 

package/dist/{getArrayQueryKey-e56d8d64.mjs → getArrayQueryKey-c6f6badf.mjs}

@@ -4,15 +4,25 @@
  * storing in tanstack query. This function converts from the `.` separated
  * path passed around internally by both the legacy and proxy implementation.
  * https://github.com/trpc/trpc/issues/2611
- */ function getArrayQueryKey(queryKey) {
+ */ function getArrayQueryKey(queryKey, type) {
     const queryKeyArrayed = Array.isArray(queryKey) ? queryKey : [
         queryKey
     ];
-    const [path, ...input] = queryKeyArrayed;
+    const [path, input] = queryKeyArrayed;
     const arrayPath = typeof path !== 'string' || path === '' ? [] : path.split('.');
+    // Construct a query key that is easy to destructure and flexible for
+    // partial selecting etc.
+    // https://github.com/trpc/trpc/issues/3128
     return [
         arrayPath,
-        ...input
+        {
+            ...input && {
+                input: input
+            },
+            ...type && type !== 'any' && {
+                type: type
+            }
+        }
     ];
 }
 

package/dist/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var client = require('@trpc/client');
 var shared = require('@trpc/server/shared');
 var React = require('react');
-var createHooksInternal = require('./createHooksInternal-c6b8f183.js');
+var createHooksInternal = require('./createHooksInternal-d633d100.js');
 require('@tanstack/react-query');
-require('./getArrayQueryKey-5ab807a3.js');
+require('./getArrayQueryKey-24927615.js');
 
 /**
  * @internal

package/dist/index.mjs

@@ -1,9 +1,9 @@
 export * from '@trpc/client';
 import { createFlatProxy } from '@trpc/server/shared';
 import { useMemo } from 'react';
-import { c as createHooksInternal, a as createReactQueryUtilsProxy, b as createReactProxyDecoration } from './createHooksInternal-0438ab3f.mjs';
+import { c as createHooksInternal, a as createReactQueryUtilsProxy, b as createReactProxyDecoration } from './createHooksInternal-2bef4843.mjs';
 import '@tanstack/react-query';
-import './getArrayQueryKey-e56d8d64.mjs';
+import './getArrayQueryKey-c6f6badf.mjs';
 
 /**
  * @internal

package/dist/internals/getArrayQueryKey.d.ts

@@ -1,3 +1,4 @@
+export declare type QueryType = 'query' | 'infinite' | 'any';
 /**
  * To allow easy interactions with groups of related queries, such as
  * invalidating all queries of a router, we use an array as the path when
@@ -5,5 +6,8 @@
  * path passed around internally by both the legacy and proxy implementation.
  * https://github.com/trpc/trpc/issues/2611
  */
-export declare function getArrayQueryKey(queryKey: string | [string] | [string, ...unknown[]] | unknown[]): [string[]] | [string[], ...unknown[]] | [];
+export declare function getArrayQueryKey(queryKey: string | [string] | [string, ...unknown[]] | unknown[], type: QueryType): [string[], {
+    input?: unknown;
+    type?: Exclude<QueryType, 'any'>;
+}];
 //# sourceMappingURL=getArrayQueryKey.d.ts.map

package/dist/internals/getArrayQueryKey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getArrayQueryKey.d.ts","sourceRoot":"","sources":["../../src/internals/getArrayQueryKey.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,MAAM,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,GAC/D,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,EAAE,GAAG,OAAO,EAAE,CAAC,GAAG,EAAE,CAQ5C"}
+{"version":3,"file":"getArrayQueryKey.d.ts","sourceRoot":"","sources":["../../src/internals/getArrayQueryKey.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,CAAC;AAErD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,MAAM,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,EAChE,IAAI,EAAE,SAAS,GACd,CAAC,MAAM,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;CAAE,CAAC,CAiBnE"}

package/dist/shared/hooks/createHooksInternal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createHooksInternal.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/createHooksInternal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"createHooksInternal.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/createHooksInternal.tsx"],"names":[],"mappings":"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"}

package/dist/shared/index.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createHooksInternal = require('../createHooksInternal-c6b8f183.js');
+var createHooksInternal = require('../createHooksInternal-d633d100.js');
 var queryClient = require('../queryClient-358a9a75.js');
 require('@trpc/server/shared');
 require('@trpc/client');
 require('@tanstack/react-query');
 require('react');
-require('../getArrayQueryKey-5ab807a3.js');
+require('../getArrayQueryKey-24927615.js');
 
 
 

package/dist/shared/index.mjs

@@ -1,7 +1,7 @@
-export { c as createHooksInternal, b as createReactProxyDecoration, a as createReactQueryUtilsProxy } from '../createHooksInternal-0438ab3f.mjs';
+export { c as createHooksInternal, b as createReactProxyDecoration, a as createReactQueryUtilsProxy } from '../createHooksInternal-2bef4843.mjs';
 export { g as getQueryClient } from '../queryClient-4d766c0c.mjs';
 import '@trpc/server/shared';
 import '@trpc/client';
 import '@tanstack/react-query';
 import 'react';
-import '../getArrayQueryKey-e56d8d64.mjs';
+import '../getArrayQueryKey-c6f6badf.mjs';

package/dist/ssg/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactQuery = require('@tanstack/react-query');
 var server = require('@trpc/server');
-var getArrayQueryKey = require('../getArrayQueryKey-5ab807a3.js');
+var getArrayQueryKey = require('../getArrayQueryKey-24927615.js');
 var shared = require('@trpc/server/shared');
 require('@trpc/client');
 require('react');
@@ -18,7 +18,7 @@ var queryClient = require('../queryClient-358a9a75.js');
     const queryClient$1 = queryClient.getQueryClient(opts);
     const serialize = transformer ? ('input' in transformer ? transformer.input : transformer).serialize : (obj)=>obj;
     const prefetchQuery = async (...pathAndInput)=>{
-        return queryClient$1.prefetchQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput), ()=>{
+        return queryClient$1.prefetchQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput, 'query'), ()=>{
             return server.callProcedure({
                 procedures: router._def.procedures,
                 path: pathAndInput[0],
@@ -29,7 +29,7 @@ var queryClient = require('../queryClient-358a9a75.js');
         });
     };
     const prefetchInfiniteQuery = async (...pathAndInput)=>{
-        return queryClient$1.prefetchInfiniteQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput), ()=>{
+        return queryClient$1.prefetchInfiniteQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput, 'infinite'), ()=>{
             return server.callProcedure({
                 procedures: router._def.procedures,
                 path: pathAndInput[0],
@@ -40,7 +40,7 @@ var queryClient = require('../queryClient-358a9a75.js');
         });
     };
     const fetchQuery = async (...pathAndInput)=>{
-        return queryClient$1.fetchQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput), ()=>{
+        return queryClient$1.fetchQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput, 'query'), ()=>{
             return server.callProcedure({
                 procedures: router._def.procedures,
                 path: pathAndInput[0],
@@ -51,7 +51,7 @@ var queryClient = require('../queryClient-358a9a75.js');
         });
     };
     const fetchInfiniteQuery = async (...pathAndInput)=>{
-        return queryClient$1.fetchInfiniteQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput), ()=>{
+        return queryClient$1.fetchInfiniteQuery(getArrayQueryKey.getArrayQueryKey(pathAndInput, 'infinite'), ()=>{
             return server.callProcedure({
                 procedures: router._def.procedures,
                 path: pathAndInput[0],

package/dist/ssg/index.mjs

@@ -1,6 +1,6 @@
 import { dehydrate } from '@tanstack/react-query';
 import { callProcedure } from '@trpc/server';
-import { g as getArrayQueryKey } from '../getArrayQueryKey-e56d8d64.mjs';
+import { g as getArrayQueryKey } from '../getArrayQueryKey-c6f6badf.mjs';
 import { createFlatProxy, createRecursiveProxy } from '@trpc/server/shared';
 import '@trpc/client';
 import 'react';
@@ -14,7 +14,7 @@ import { g as getQueryClient } from '../queryClient-4d766c0c.mjs';
     const queryClient = getQueryClient(opts);
     const serialize = transformer ? ('input' in transformer ? transformer.input : transformer).serialize : (obj)=>obj;
     const prefetchQuery = async (...pathAndInput)=>{
-        return queryClient.prefetchQuery(getArrayQueryKey(pathAndInput), ()=>{
+        return queryClient.prefetchQuery(getArrayQueryKey(pathAndInput, 'query'), ()=>{
             return callProcedure({
                 procedures: router._def.procedures,
                 path: pathAndInput[0],
@@ -25,7 +25,7 @@ import { g as getQueryClient } from '../queryClient-4d766c0c.mjs';
         });
     };
     const prefetchInfiniteQuery = async (...pathAndInput)=>{
-        return queryClient.prefetchInfiniteQuery(getArrayQueryKey(pathAndInput), ()=>{
+        return queryClient.prefetchInfiniteQuery(getArrayQueryKey(pathAndInput, 'infinite'), ()=>{
             return callProcedure({
                 procedures: router._def.procedures,
                 path: pathAndInput[0],
@@ -36,7 +36,7 @@ import { g as getQueryClient } from '../queryClient-4d766c0c.mjs';
         });
     };
     const fetchQuery = async (...pathAndInput)=>{
-        return queryClient.fetchQuery(getArrayQueryKey(pathAndInput), ()=>{
+        return queryClient.fetchQuery(getArrayQueryKey(pathAndInput, 'query'), ()=>{
             return callProcedure({
                 procedures: router._def.procedures,
                 path: pathAndInput[0],
@@ -47,7 +47,7 @@ import { g as getQueryClient } from '../queryClient-4d766c0c.mjs';
         });
     };
     const fetchInfiniteQuery = async (...pathAndInput)=>{
-        return queryClient.fetchInfiniteQuery(getArrayQueryKey(pathAndInput), ()=>{
+        return queryClient.fetchInfiniteQuery(getArrayQueryKey(pathAndInput, 'infinite'), ()=>{
             return callProcedure({
                 procedures: router._def.procedures,
                 path: pathAndInput[0],

package/dist/ssg/ssg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ssg.d.ts","sourceRoot":"","sources":["../../src/ssg/ssg.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,YAAY,EAEb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,SAAS,EACT,4BAA4B,EAG5B,oBAAoB,EACpB,kBAAkB,EACnB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,gCAAgC,EAAkB,MAAM,WAAW,CAAC;AAE7E,UAAU,2BAA2B,CAAC,OAAO,SAAS,SAAS;IAC7D,MAAM,EAAE,OAAO,CAAC;IAChB,GAAG,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,4BAA4B,CAAC;CAC5C;AACD,oBAAY,uBAAuB,CAAC,OAAO,SAAS,SAAS,IAC3D,2BAA2B,CAAC,OAAO,CAAC,GAAG,gCAAgC,CAAC;AAE1E;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,SAAS,SAAS,EACxD,IAAI,EAAE,uBAAuB,CAAC,OAAO,CAAC;;;;;uBAuF9B,gBAAgB,KAMrB,eAAe;;EAcnB"}
+{"version":3,"file":"ssg.d.ts","sourceRoot":"","sources":["../../src/ssg/ssg.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,YAAY,EAEb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,SAAS,EACT,4BAA4B,EAG5B,oBAAoB,EACpB,kBAAkB,EACnB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,gCAAgC,EAAkB,MAAM,WAAW,CAAC;AAE7E,UAAU,2BAA2B,CAAC,OAAO,SAAS,SAAS;IAC7D,MAAM,EAAE,OAAO,CAAC;IAChB,GAAG,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,4BAA4B,CAAC;CAC5C;AACD,oBAAY,uBAAuB,CAAC,OAAO,SAAS,SAAS,IAC3D,2BAA2B,CAAC,OAAO,CAAC,GAAG,gCAAgC,CAAC;AAE1E;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,SAAS,SAAS,EACxD,IAAI,EAAE,uBAAuB,CAAC,OAAO,CAAC;;;;;uBA6F9B,gBAAgB,KAMrB,eAAe;;EAcnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trpc/react-query",
-  "version": "10.0.0-rc.7",
+  "version": "10.0.0-rc.8",
   "description": "tRPC React lib",
   "author": "KATT",
   "license": "MIT",
@@ -54,15 +54,15 @@
   },
   "peerDependencies": {
     "@tanstack/react-query": "^4.3.8",
-    "@trpc/client": "10.0.0-rc.7",
-    "@trpc/server": "10.0.0-rc.7",
+    "@trpc/client": "10.0.0-rc.8",
+    "@trpc/server": "10.0.0-rc.8",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^4.3.8",
-    "@trpc/client": "10.0.0-rc.7",
-    "@trpc/server": "10.0.0-rc.7",
+    "@trpc/client": "10.0.0-rc.8",
+    "@trpc/server": "10.0.0-rc.8",
     "@types/express": "^4.17.12",
     "@types/node": "^18.7.20",
     "express": "^4.17.1",
@@ -76,5 +76,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f019f64a8200a881cbaf18f3e238c6a8898f3d70"
+  "gitHead": "5b8ff0d8d49251aa8c287e9d68641810cd9964e2"
 }

package/src/internals/getArrayQueryKey.test.ts

@@ -1,41 +1,76 @@
 import { getArrayQueryKey } from './getArrayQueryKey';
 
 test('getArrayQueryKey', () => {
-  expect(getArrayQueryKey('foo')).toMatchInlineSnapshot(`
+  expect(getArrayQueryKey('foo', 'query')).toMatchInlineSnapshot(`
     Array [
       Array [
         "foo",
       ],
+      Object {
+        "type": "query",
+      },
     ]
   `);
-  expect(getArrayQueryKey(['foo'])).toMatchInlineSnapshot(`
+  expect(getArrayQueryKey(['foo'], 'query')).toMatchInlineSnapshot(`
     Array [
       Array [
         "foo",
       ],
+      Object {
+        "type": "query",
+      },
     ]
   `);
-  expect(getArrayQueryKey(['foo', 'bar'])).toMatchInlineSnapshot(`
+  expect(getArrayQueryKey('foo', 'infinite')).toMatchInlineSnapshot(`
     Array [
       Array [
         "foo",
       ],
-      "bar",
+      Object {
+        "type": "infinite",
+      },
     ]
   `);
-  expect(getArrayQueryKey([undefined, 'bar'])).toMatchInlineSnapshot(`
+  expect(getArrayQueryKey(['foo'], 'infinite')).toMatchInlineSnapshot(`
+    Array [
+      Array [
+        "foo",
+      ],
+      Object {
+        "type": "infinite",
+      },
+    ]
+  `);
+  expect(getArrayQueryKey(['foo', 'bar'], 'query')).toMatchInlineSnapshot(`
+    Array [
+      Array [
+        "foo",
+      ],
+      Object {
+        "input": "bar",
+        "type": "query",
+      },
+    ]
+  `);
+  expect(getArrayQueryKey([undefined, 'bar'], 'query')).toMatchInlineSnapshot(`
     Array [
       Array [],
-      "bar",
+      Object {
+        "input": "bar",
+        "type": "query",
+      },
     ]
   `);
-  expect(getArrayQueryKey(['post.byId', '1'])).toMatchInlineSnapshot(`
+  expect(getArrayQueryKey(['post.byId', '1'], 'query')).toMatchInlineSnapshot(`
     Array [
       Array [
         "post",
         "byId",
       ],
-      "1",
+      Object {
+        "input": "1",
+        "type": "query",
+      },
     ]
   `);
 });

package/src/internals/getArrayQueryKey.ts

@@ -1,3 +1,5 @@
+export type QueryType = 'query' | 'infinite' | 'any';
+
 /**
  * To allow easy interactions with groups of related queries, such as
  * invalidating all queries of a router, we use an array as the path when
@@ -7,12 +9,22 @@
  */
 export function getArrayQueryKey(
   queryKey: string | [string] | [string, ...unknown[]] | unknown[],
-): [string[]] | [string[], ...unknown[]] | [] {
+  type: QueryType,
+): [string[], { input?: unknown; type?: Exclude<QueryType, 'any'> }] {
   const queryKeyArrayed = Array.isArray(queryKey) ? queryKey : [queryKey];
-  const [path, ...input] = queryKeyArrayed;
+  const [path, input] = queryKeyArrayed;
 
   const arrayPath =
     typeof path !== 'string' || path === '' ? [] : path.split('.');
 
-  return [arrayPath, ...input];
+  // Construct a query key that is easy to destructure and flexible for
+  // partial selecting etc.
+  // https://github.com/trpc/trpc/issues/3128
+  return [
+    arrayPath,
+    {
+      ...(input && { input: input }),
+      ...(type && type !== 'any' && { type: type }),
+    },
+  ];
 }

package/src/shared/hooks/createHooksInternal.tsx

@@ -47,7 +47,7 @@ import {
   TRPCContextProps,
   TRPCContextState,
 } from '../../internals/context';
-import { getArrayQueryKey } from '../../internals/getArrayQueryKey';
+import { QueryType, getArrayQueryKey } from '../../internals/getArrayQueryKey';
 import { CreateTRPCReactOptions, UseMutationOverride } from '../types';
 
 export type OutputWithCursor<TData, TCursor = any> = {
@@ -246,7 +246,7 @@ export function createHooksInternal<
           fetchQuery: useCallback(
             (pathAndInput, opts) => {
               return queryClient.fetchQuery(
-                getArrayQueryKey(pathAndInput),
+                getArrayQueryKey(pathAndInput, 'query'),
                 () =>
                   (client as any).query(...getClientArgs(pathAndInput, opts)),
                 opts,
@@ -257,7 +257,7 @@ export function createHooksInternal<
           fetchInfiniteQuery: useCallback(
             (pathAndInput, opts) => {
               return queryClient.fetchInfiniteQuery(
-                getArrayQueryKey(pathAndInput),
+                getArrayQueryKey(pathAndInput, 'infinite'),
                 ({ pageParam }) => {
                   const [path, input] = pathAndInput;
                   const actualInput = { ...(input as any), cursor: pageParam };
@@ -273,7 +273,7 @@ export function createHooksInternal<
           prefetchQuery: useCallback(
             (pathAndInput, opts) => {
               return queryClient.prefetchQuery(
-                getArrayQueryKey(pathAndInput),
+                getArrayQueryKey(pathAndInput, 'query'),
                 () =>
                   (client as any).query(...getClientArgs(pathAndInput, opts)),
                 opts,
@@ -284,7 +284,7 @@ export function createHooksInternal<
           prefetchInfiniteQuery: useCallback(
             (pathAndInput, opts) => {
               return queryClient.prefetchInfiniteQuery(
-                getArrayQueryKey(pathAndInput),
+                getArrayQueryKey(pathAndInput, 'infinite'),
                 ({ pageParam }) => {
                   const [path, input] = pathAndInput;
                   const actualInput = { ...(input as any), cursor: pageParam };
@@ -301,7 +301,7 @@ export function createHooksInternal<
             (...args: any[]) => {
               const [queryKey, ...rest] = args;
               return queryClient.invalidateQueries(
-                getArrayQueryKey(queryKey),
+                getArrayQueryKey(queryKey, 'any'),
                 ...rest,
               );
             },
@@ -312,7 +312,7 @@ export function createHooksInternal<
               const [queryKey, ...rest] = args;
 
               return queryClient.refetchQueries(
-                getArrayQueryKey(queryKey),
+                getArrayQueryKey(queryKey, 'any'),
                 ...rest,
               );
             },
@@ -320,7 +320,9 @@ export function createHooksInternal<
           ),
           cancelQuery: useCallback(
             (pathAndInput) => {
-              return queryClient.cancelQueries(getArrayQueryKey(pathAndInput));
+              return queryClient.cancelQueries(
+                getArrayQueryKey(pathAndInput, 'any'),
+              );
             },
             [queryClient],
           ),
@@ -328,7 +330,7 @@ export function createHooksInternal<
             (...args) => {
               const [queryKey, ...rest] = args;
               return queryClient.setQueryData(
-                getArrayQueryKey(queryKey),
+                getArrayQueryKey(queryKey, 'query'),
                 ...rest,
               );
             },
@@ -339,7 +341,7 @@ export function createHooksInternal<
               const [queryKey, ...rest] = args;
 
               return queryClient.getQueryData(
-                getArrayQueryKey(queryKey),
+                getArrayQueryKey(queryKey, 'query'),
                 ...rest,
               );
             },
@@ -350,7 +352,7 @@ export function createHooksInternal<
               const [queryKey, ...rest] = args;
 
               return queryClient.setQueryData(
-                getArrayQueryKey(queryKey),
+                getArrayQueryKey(queryKey, 'infinite'),
                 ...rest,
               );
             },
@@ -361,7 +363,7 @@ export function createHooksInternal<
               const [queryKey, ...rest] = args;
 
               return queryClient.getQueryData(
-                getArrayQueryKey(queryKey),
+                getArrayQueryKey(queryKey, 'infinite'),
                 ...rest,
               );
             },
@@ -384,12 +386,16 @@ export function createHooksInternal<
    */
   function useSSRQueryOptionsIfNeeded<
     TOptions extends { retryOnMount?: boolean } | undefined,
-  >(pathAndInput: unknown[], opts: TOptions): TOptions {
+  >(
+    pathAndInput: unknown[],
+    type: Exclude<QueryType, 'any'>,
+    opts: TOptions,
+  ): TOptions {
     const { queryClient, ssrState } = useContext();
     return ssrState &&
       ssrState !== 'mounted' &&
-      queryClient.getQueryCache().find(getArrayQueryKey(pathAndInput))?.state
-        .status === 'error'
+      queryClient.getQueryCache().find(getArrayQueryKey(pathAndInput, type))
+        ?.state.status === 'error'
       ? {
           retryOnMount: false,
           ...opts,
@@ -419,16 +425,16 @@ export function createHooksInternal<
       ssrState === 'prepass' &&
       opts?.trpc?.ssr !== false &&
       opts?.enabled !== false &&
-      !queryClient.getQueryCache().find(getArrayQueryKey(pathAndInput))
+      !queryClient.getQueryCache().find(getArrayQueryKey(pathAndInput, 'query'))
     ) {
       void prefetchQuery(pathAndInput as any, opts as any);
     }
-    const ssrOpts = useSSRQueryOptionsIfNeeded(pathAndInput, opts);
+    const ssrOpts = useSSRQueryOptionsIfNeeded(pathAndInput, 'query', opts);
     // request option should take priority over global
     const shouldAbortOnUnmount = opts?.trpc?.abortOnUnmount ?? abortOnUnmount;
 
     const hook = __useQuery(
-      getArrayQueryKey(pathAndInput) as any,
+      getArrayQueryKey(pathAndInput, 'query') as any,
       (queryFunctionContext) => {
         const actualOpts = {
           ...ssrOpts,
@@ -588,18 +594,20 @@ export function createHooksInternal<
       ssrState === 'prepass' &&
       opts?.trpc?.ssr !== false &&
       opts?.enabled !== false &&
-      !queryClient.getQueryCache().find(getArrayQueryKey(pathAndInput))
+      !queryClient
+        .getQueryCache()
+        .find(getArrayQueryKey(pathAndInput, 'infinite'))
     ) {
       void prefetchInfiniteQuery(pathAndInput as any, opts as any);
     }
 
-    const ssrOpts = useSSRQueryOptionsIfNeeded(pathAndInput, opts);
+    const ssrOpts = useSSRQueryOptionsIfNeeded(pathAndInput, 'infinite', opts);
 
     // request option should take priority over global
     const shouldAbortOnUnmount = opts?.trpc?.abortOnUnmount ?? abortOnUnmount;
 
     const hook = __useInfiniteQuery(
-      getArrayQueryKey(pathAndInput) as any,
+      getArrayQueryKey(pathAndInput, 'infinite') as any,
       (queryFunctionContext) => {
         const actualOpts = {
           ...ssrOpts,

package/src/ssg/ssg.ts

@@ -44,15 +44,18 @@ export function createSSGHelpers<TRouter extends AnyRouter>(
   >(
     ...pathAndInput: [path: TPath, ...args: inferHandlerInput<TProcedure>]
   ) => {
-    return queryClient.prefetchQuery(getArrayQueryKey(pathAndInput), () => {
-      return callProcedure({
-        procedures: router._def.procedures,
-        path: pathAndInput[0],
-        rawInput: pathAndInput[1],
-        ctx,
-        type: 'query',
-      });
-    });
+    return queryClient.prefetchQuery(
+      getArrayQueryKey(pathAndInput, 'query'),
+      () => {
+        return callProcedure({
+          procedures: router._def.procedures,
+          path: pathAndInput[0],
+          rawInput: pathAndInput[1],
+          ctx,
+          type: 'query',
+        });
+      },
+    );
   };
 
   const prefetchInfiniteQuery = async <
@@ -62,7 +65,7 @@ export function createSSGHelpers<TRouter extends AnyRouter>(
     ...pathAndInput: [path: TPath, ...args: inferHandlerInput<TProcedure>]
   ) => {
     return queryClient.prefetchInfiniteQuery(
-      getArrayQueryKey(pathAndInput),
+      getArrayQueryKey(pathAndInput, 'infinite'),
       () => {
         return callProcedure({
           procedures: router._def.procedures,
@@ -82,15 +85,18 @@ export function createSSGHelpers<TRouter extends AnyRouter>(
   >(
     ...pathAndInput: [path: TPath, ...args: inferHandlerInput<TProcedure>]
   ): Promise<TOutput> => {
-    return queryClient.fetchQuery(getArrayQueryKey(pathAndInput), () => {
-      return callProcedure({
-        procedures: router._def.procedures,
-        path: pathAndInput[0],
-        rawInput: pathAndInput[1],
-        ctx,
-        type: 'query',
-      });
-    });
+    return queryClient.fetchQuery(
+      getArrayQueryKey(pathAndInput, 'query'),
+      () => {
+        return callProcedure({
+          procedures: router._def.procedures,
+          path: pathAndInput[0],
+          rawInput: pathAndInput[1],
+          ctx,
+          type: 'query',
+        });
+      },
+    );
   };
 
   const fetchInfiniteQuery = async <
@@ -101,7 +107,7 @@ export function createSSGHelpers<TRouter extends AnyRouter>(
     ...pathAndInput: [path: TPath, ...args: inferHandlerInput<TProcedure>]
   ): Promise<InfiniteData<TOutput>> => {
     return queryClient.fetchInfiniteQuery(
-      getArrayQueryKey(pathAndInput),
+      getArrayQueryKey(pathAndInput, 'infinite'),
       () => {
         return callProcedure({
           procedures: router._def.procedures,