@trpc/react-query 11.0.0-next-beta.206 → 11.0.0-next-beta.216

package/dist/{createHooksInternal-f77072af.js → shared/hooks/createHooksInternal.js}

@@ -1,13 +1,16 @@
 'use strict';
 
-var core = require('@trpc/core');
 var reactQuery = require('@tanstack/react-query');
 var client = require('@trpc/client');
 var React = require('react');
-var utilsProxy = require('./utilsProxy-4f6da312.js');
+var context = require('../../internals/context.js');
+var getClientArgs = require('../../internals/getClientArgs.js');
+var getQueryKey = require('../../internals/getQueryKey.js');
+var useHookResult = require('../../internals/useHookResult.js');
+var createUtilityFunctions = require('../../utils/createUtilityFunctions.js');
+var useQueriesProxy = require('../proxy/useQueriesProxy.js');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -20,178 +23,24 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-/**
- * Create proxy for decorating procedures
- * @internal
- */ function createReactDecoration(name, hooks) {
-    return core.createRecursiveProxy(({ path , args  })=>{
-        const pathCopy = [
-            name,
-            ...path
-        ];
-        // The last arg is for instance `.useMutation` or `.useQuery()`
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        const lastArg = pathCopy.pop();
-        if (lastArg === 'useMutation') {
-            return hooks[lastArg](pathCopy, ...args);
-        }
-        if (lastArg === '_def') {
-            return {
-                path: pathCopy
-            };
-        }
-        const [input, ...rest] = args;
-        const opts = rest[0] || {};
-        return hooks[lastArg](pathCopy, input, opts);
-    });
-}
-
-/**
- * Create proxy for `useQueries` options
- * @internal
- */ function createUseQueries(client) {
-    return core.createRecursiveProxy((opts)=>{
-        const arrayPath = opts.path;
-        const dotPath = arrayPath.join('.');
-        const [input, _opts] = opts.args;
-        const options = {
-            queryKey: utilsProxy.getQueryKeyInternal(arrayPath, input, 'query'),
-            queryFn: ()=>{
-                return client.query(dotPath, input, _opts?.trpc);
-            },
-            ..._opts
-        };
-        return options;
-    });
-}
-
-/**
- * @internal
- */ function getClientArgs(queryKey, opts, pageParam) {
-    const path = queryKey[0];
-    const input = queryKey[1]?.input;
-    if (pageParam) input.cursor = pageParam;
-    return [
-        path.join('.'),
-        input,
-        opts?.trpc
-    ];
-}
-
-/**
- * Makes a stable reference of the `trpc` prop
- */ function useHookResult(value) {
-    const ref = React__namespace.useRef(value);
-    ref.current.path = value.path;
-    return ref.current;
-}
-
-/**
- * Creates a set of utility functions that can be used to interact with `react-query`
- * @param opts the `TRPCClient` and `QueryClient` to use
- * @returns a set of utility functions that can be used to interact with `react-query`
- * @internal
- */ function createUtilityFunctions(opts) {
-    const { client: client$1 , queryClient  } = opts;
-    const untypedClient = client$1 instanceof client.TRPCUntypedClient ? client$1 : client.getUntypedClient(client$1);
-    return {
-        fetchQuery: (queryKey, opts)=>{
-            return queryClient.fetchQuery({
-                ...opts,
-                queryKey,
-                queryFn: ()=>untypedClient.query(...getClientArgs(queryKey, opts))
-            });
-        },
-        fetchInfiniteQuery: (queryKey, opts)=>{
-            return queryClient.fetchInfiniteQuery({
-                ...opts,
-                queryKey,
-                queryFn: ({ pageParam  })=>{
-                    return untypedClient.query(...getClientArgs(queryKey, opts, pageParam));
-                },
-                initialPageParam: opts?.initialCursor ?? null
-            });
-        },
-        prefetchQuery: (queryKey, opts)=>{
-            return queryClient.prefetchQuery({
-                ...opts,
-                queryKey,
-                queryFn: ()=>untypedClient.query(...getClientArgs(queryKey, opts))
-            });
-        },
-        prefetchInfiniteQuery: (queryKey, opts)=>{
-            return queryClient.prefetchInfiniteQuery({
-                ...opts,
-                queryKey,
-                queryFn: ({ pageParam  })=>{
-                    return untypedClient.query(...getClientArgs(queryKey, opts, pageParam));
-                },
-                initialPageParam: opts?.initialCursor ?? null
-            });
-        },
-        ensureQueryData: (queryKey, opts)=>{
-            return queryClient.ensureQueryData({
-                ...opts,
-                queryKey,
-                queryFn: ()=>untypedClient.query(...getClientArgs(queryKey, opts))
-            });
-        },
-        invalidateQueries: (queryKey, filters, options)=>{
-            return queryClient.invalidateQueries({
-                ...filters,
-                queryKey
-            }, options);
-        },
-        resetQueries: (queryKey, filters, options)=>{
-            return queryClient.resetQueries({
-                ...filters,
-                queryKey
-            }, options);
-        },
-        refetchQueries: (queryKey, filters, options)=>{
-            return queryClient.refetchQueries({
-                ...filters,
-                queryKey
-            }, options);
-        },
-        cancelQuery: (queryKey, options)=>{
-            return queryClient.cancelQueries({
-                queryKey
-            }, options);
-        },
-        setQueryData: (queryKey, updater, options)=>{
-            return queryClient.setQueryData(queryKey, updater, options);
-        },
-        getQueryData: (queryKey)=>{
-            return queryClient.getQueryData(queryKey);
-        },
-        setInfiniteQueryData: (queryKey, updater, options)=>{
-            return queryClient.setQueryData(queryKey, updater, options);
-        },
-        getInfiniteQueryData: (queryKey)=>{
-            return queryClient.getQueryData(queryKey);
-        }
-    };
-}
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 /**
  * @internal
  */ function createRootHooks(config) {
     const mutationSuccessOverride = config?.overrides?.useMutation?.onSuccess ?? ((options)=>options.originalFn());
-    const Context = config?.context ?? utilsProxy.TRPCContext;
+    const Context = config?.context ?? context.TRPCContext;
     const createClient = (opts)=>{
         return client.createTRPCUntypedClient(opts);
     };
     const TRPCProvider = (props)=>{
         const { abortOnUnmount =false , client , queryClient , ssrContext  } = props;
         const [ssrState, setSSRState] = React__namespace.useState(props.ssrState ?? false);
-        const fns = React__namespace.useMemo(()=>createUtilityFunctions({
+        const fns = React__namespace.useMemo(()=>createUtilityFunctions.createUtilityFunctions({
                 client,
                 queryClient
             }), [
@@ -244,7 +93,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
     function useQuery(path, input, opts) {
         const context = useContext();
         const { abortOnUnmount , client , ssrState , queryClient , prefetchQuery  } = context;
-        const queryKey = utilsProxy.getQueryKeyInternal(path, input, 'query');
+        const queryKey = getQueryKey.getQueryKeyInternal(path, input, 'query');
         const defaultOpts = queryClient.getQueryDefaults(queryKey);
         if (typeof window === 'undefined' && ssrState === 'prepass' && opts?.trpc?.ssr !== false && (opts?.enabled ?? defaultOpts?.enabled) !== false && !queryClient.getQueryCache().find({
             queryKey
@@ -269,17 +118,17 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
                         } : {}
                     }
                 };
-                return client.query(...getClientArgs(queryKey, actualOpts));
+                return client.query(...getClientArgs.getClientArgs(queryKey, actualOpts));
             }
         }, queryClient);
-        hook.trpc = useHookResult({
+        hook.trpc = useHookResult.useHookResult({
             path: path.join('.')
         });
         return hook;
     }
     function useSuspenseQuery(path, input, opts) {
         const context = useContext();
-        const queryKey = utilsProxy.getQueryKeyInternal(path, input, 'query');
+        const queryKey = getQueryKey.getQueryKeyInternal(path, input, 'query');
         const shouldAbortOnUnmount = opts?.trpc?.abortOnUnmount ?? config?.abortOnUnmount ?? context.abortOnUnmount;
         const hook = reactQuery.useSuspenseQuery({
             ...opts,
@@ -292,10 +141,10 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
                         } : {}
                     }
                 };
-                return context.client.query(...getClientArgs(queryKey, actualOpts));
+                return context.client.query(...getClientArgs.getClientArgs(queryKey, actualOpts));
             }
         }, context.queryClient);
-        hook.trpc = useHookResult({
+        hook.trpc = useHookResult.useHookResult({
             path: path.join('.')
         });
         return [
@@ -314,7 +163,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
             ...opts,
             mutationKey: mutationKey,
             mutationFn: (input)=>{
-                return client.mutation(...getClientArgs([
+                return client.mutation(...getClientArgs.getClientArgs([
                     path,
                     {
                         input
@@ -330,14 +179,14 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
                 });
             }
         }, queryClient);
-        hook.trpc = useHookResult({
+        hook.trpc = useHookResult.useHookResult({
             path: path.join('.')
         });
         return hook;
     }
     /* istanbul ignore next -- @preserve */ function useSubscription(path, input, opts) {
         const enabled = opts?.enabled ?? true;
-        const queryKey = reactQuery.hashKey(utilsProxy.getQueryKeyInternal(path, input, 'any'));
+        const queryKey = reactQuery.hashKey(getQueryKey.getQueryKeyInternal(path, input, 'any'));
         const { client  } = useContext();
         const optsRef = React__namespace.useRef(opts);
         optsRef.current = opts;
@@ -375,7 +224,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
     }
     function useInfiniteQuery(path, input, opts) {
         const { client , ssrState , prefetchInfiniteQuery , queryClient , abortOnUnmount ,  } = useContext();
-        const queryKey = utilsProxy.getQueryKeyInternal(path, input, 'infinite');
+        const queryKey = getQueryKey.getQueryKeyInternal(path, input, 'infinite');
         const defaultOpts = queryClient.getQueryDefaults(queryKey);
         if (typeof window === 'undefined' && ssrState === 'prepass' && opts?.trpc?.ssr !== false && (opts?.enabled ?? defaultOpts?.enabled) !== false && !queryClient.getQueryCache().find({
             queryKey
@@ -406,17 +255,17 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
                         } : {}
                     }
                 };
-                return client.query(...getClientArgs(queryKey, actualOpts, queryFunctionContext.pageParam ?? opts.initialCursor));
+                return client.query(...getClientArgs.getClientArgs(queryKey, actualOpts, queryFunctionContext.pageParam ?? opts.initialCursor));
             }
         }, queryClient);
-        hook.trpc = useHookResult({
+        hook.trpc = useHookResult.useHookResult({
             path: path.join('.')
         });
         return hook;
     }
     function useSuspenseInfiniteQuery(path, input, opts) {
         const context = useContext();
-        const queryKey = utilsProxy.getQueryKeyInternal(path, input, 'infinite');
+        const queryKey = getQueryKey.getQueryKeyInternal(path, input, 'infinite');
         const defaultOpts = context.queryClient.getQueryDefaults(queryKey);
         const ssrOpts = useSSRQueryOptionsIfNeeded(queryKey, {
             ...defaultOpts,
@@ -438,10 +287,10 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
                         } : {}
                     }
                 };
-                return context.client.query(...getClientArgs(queryKey, actualOpts, queryFunctionContext.pageParam ?? opts.initialCursor));
+                return context.client.query(...getClientArgs.getClientArgs(queryKey, actualOpts, queryFunctionContext.pageParam ?? opts.initialCursor));
             }
         }, context.queryClient);
-        hook.trpc = useHookResult({
+        hook.trpc = useHookResult.useHookResult({
             path: path.join('.')
         });
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -452,7 +301,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
     }
     const useQueries = (queriesCallback)=>{
         const { ssrState , queryClient , prefetchQuery , client  } = useContext();
-        const proxy = createUseQueries(client);
+        const proxy = useQueriesProxy.createUseQueries(client);
         const queries = queriesCallback(proxy);
         if (typeof window === 'undefined' && ssrState === 'prepass') {
             for (const query of queries){
@@ -473,7 +322,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
     };
     const useSuspenseQueries = (queriesCallback)=>{
         const { queryClient , client  } = useContext();
-        const proxy = createUseQueries(client);
+        const proxy = useQueriesProxy.createUseQueries(client);
         const queries = queriesCallback(proxy);
         const hook = reactQuery.useSuspenseQueries({
             queries: queries.map((query)=>({
@@ -515,8 +364,4 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
     };
 }
 
-exports.createReactDecoration = createReactDecoration;
 exports.createRootHooks = createRootHooks;
-exports.createUseQueries = createUseQueries;
-exports.createUtilityFunctions = createUtilityFunctions;
-exports.getClientArgs = getClientArgs;

package/dist/{createHooksInternal-0df35117.mjs → shared/hooks/createHooksInternal.mjs}

@@ -1,162 +1,12 @@
-import { createRecursiveProxy } from '@trpc/core';
 import { useQuery, useSuspenseQuery, useQueryClient, useMutation, hashKey, useInfiniteQuery, useSuspenseInfiniteQuery, useQueries, useSuspenseQueries } from '@tanstack/react-query';
-import { TRPCUntypedClient, getUntypedClient, createTRPCUntypedClient } from '@trpc/client';
+import { createTRPCUntypedClient } from '@trpc/client';
 import * as React from 'react';
-import { b as getQueryKeyInternal, T as TRPCContext } from './utilsProxy-12979321.mjs';
-
-/**
- * Create proxy for decorating procedures
- * @internal
- */ function createReactDecoration(name, hooks) {
-    return createRecursiveProxy(({ path , args  })=>{
-        const pathCopy = [
-            name,
-            ...path
-        ];
-        // The last arg is for instance `.useMutation` or `.useQuery()`
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        const lastArg = pathCopy.pop();
-        if (lastArg === 'useMutation') {
-            return hooks[lastArg](pathCopy, ...args);
-        }
-        if (lastArg === '_def') {
-            return {
-                path: pathCopy
-            };
-        }
-        const [input, ...rest] = args;
-        const opts = rest[0] || {};
-        return hooks[lastArg](pathCopy, input, opts);
-    });
-}
-
-/**
- * Create proxy for `useQueries` options
- * @internal
- */ function createUseQueries(client) {
-    return createRecursiveProxy((opts)=>{
-        const arrayPath = opts.path;
-        const dotPath = arrayPath.join('.');
-        const [input, _opts] = opts.args;
-        const options = {
-            queryKey: getQueryKeyInternal(arrayPath, input, 'query'),
-            queryFn: ()=>{
-                return client.query(dotPath, input, _opts?.trpc);
-            },
-            ..._opts
-        };
-        return options;
-    });
-}
-
-/**
- * @internal
- */ function getClientArgs(queryKey, opts, pageParam) {
-    const path = queryKey[0];
-    const input = queryKey[1]?.input;
-    if (pageParam) input.cursor = pageParam;
-    return [
-        path.join('.'),
-        input,
-        opts?.trpc
-    ];
-}
-
-/**
- * Makes a stable reference of the `trpc` prop
- */ function useHookResult(value) {
-    const ref = React.useRef(value);
-    ref.current.path = value.path;
-    return ref.current;
-}
-
-/**
- * Creates a set of utility functions that can be used to interact with `react-query`
- * @param opts the `TRPCClient` and `QueryClient` to use
- * @returns a set of utility functions that can be used to interact with `react-query`
- * @internal
- */ function createUtilityFunctions(opts) {
-    const { client , queryClient  } = opts;
-    const untypedClient = client instanceof TRPCUntypedClient ? client : getUntypedClient(client);
-    return {
-        fetchQuery: (queryKey, opts)=>{
-            return queryClient.fetchQuery({
-                ...opts,
-                queryKey,
-                queryFn: ()=>untypedClient.query(...getClientArgs(queryKey, opts))
-            });
-        },
-        fetchInfiniteQuery: (queryKey, opts)=>{
-            return queryClient.fetchInfiniteQuery({
-                ...opts,
-                queryKey,
-                queryFn: ({ pageParam  })=>{
-                    return untypedClient.query(...getClientArgs(queryKey, opts, pageParam));
-                },
-                initialPageParam: opts?.initialCursor ?? null
-            });
-        },
-        prefetchQuery: (queryKey, opts)=>{
-            return queryClient.prefetchQuery({
-                ...opts,
-                queryKey,
-                queryFn: ()=>untypedClient.query(...getClientArgs(queryKey, opts))
-            });
-        },
-        prefetchInfiniteQuery: (queryKey, opts)=>{
-            return queryClient.prefetchInfiniteQuery({
-                ...opts,
-                queryKey,
-                queryFn: ({ pageParam  })=>{
-                    return untypedClient.query(...getClientArgs(queryKey, opts, pageParam));
-                },
-                initialPageParam: opts?.initialCursor ?? null
-            });
-        },
-        ensureQueryData: (queryKey, opts)=>{
-            return queryClient.ensureQueryData({
-                ...opts,
-                queryKey,
-                queryFn: ()=>untypedClient.query(...getClientArgs(queryKey, opts))
-            });
-        },
-        invalidateQueries: (queryKey, filters, options)=>{
-            return queryClient.invalidateQueries({
-                ...filters,
-                queryKey
-            }, options);
-        },
-        resetQueries: (queryKey, filters, options)=>{
-            return queryClient.resetQueries({
-                ...filters,
-                queryKey
-            }, options);
-        },
-        refetchQueries: (queryKey, filters, options)=>{
-            return queryClient.refetchQueries({
-                ...filters,
-                queryKey
-            }, options);
-        },
-        cancelQuery: (queryKey, options)=>{
-            return queryClient.cancelQueries({
-                queryKey
-            }, options);
-        },
-        setQueryData: (queryKey, updater, options)=>{
-            return queryClient.setQueryData(queryKey, updater, options);
-        },
-        getQueryData: (queryKey)=>{
-            return queryClient.getQueryData(queryKey);
-        },
-        setInfiniteQueryData: (queryKey, updater, options)=>{
-            return queryClient.setQueryData(queryKey, updater, options);
-        },
-        getInfiniteQueryData: (queryKey)=>{
-            return queryClient.getQueryData(queryKey);
-        }
-    };
-}
+import { TRPCContext } from '../../internals/context.mjs';
+import { getClientArgs } from '../../internals/getClientArgs.mjs';
+import { getQueryKeyInternal } from '../../internals/getQueryKey.mjs';
+import { useHookResult } from '../../internals/useHookResult.mjs';
+import { createUtilityFunctions } from '../../utils/createUtilityFunctions.mjs';
+import { createUseQueries } from '../proxy/useQueriesProxy.mjs';
 
 /**
  * @internal
@@ -493,4 +343,4 @@ import { b as getQueryKeyInternal, T as TRPCContext } from './utilsProxy-1297932
     };
 }
 
-export { createReactDecoration as a, createUtilityFunctions as b, createRootHooks as c, createUseQueries as d, getClientArgs as g };
+export { createRootHooks };

package/dist/shared/index.js

@@ -1,24 +1,22 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var decorationProxy = require('./proxy/decorationProxy.js');
+var utilsProxy = require('./proxy/utilsProxy.js');
+var useQueriesProxy = require('./proxy/useQueriesProxy.js');
+var createHooksInternal = require('./hooks/createHooksInternal.js');
+var queryClient = require('./queryClient.js');
+var getClientArgs = require('../internals/getClientArgs.js');
+var context = require('../internals/context.js');
 
-var createHooksInternal = require('../createHooksInternal-f77072af.js');
-var utilsProxy = require('../utilsProxy-4f6da312.js');
-var queryClient = require('../queryClient-358a9a75.js');
-require('@trpc/core');
-require('@tanstack/react-query');
-require('@trpc/client');
-require('react');
 
 
-
-exports.createReactDecoration = createHooksInternal.createReactDecoration;
-exports.createRootHooks = createHooksInternal.createRootHooks;
-exports.createUseQueries = createHooksInternal.createUseQueries;
-exports.getClientArgs = createHooksInternal.getClientArgs;
-exports.TRPCContext = utilsProxy.TRPCContext;
-exports.contextProps = utilsProxy.contextProps;
+exports.createReactDecoration = decorationProxy.createReactDecoration;
 exports.createQueryUtilsProxy = utilsProxy.createQueryUtilsProxy;
 exports.createReactQueryUtils = utilsProxy.createReactQueryUtils;
 exports.getQueryType = utilsProxy.getQueryType;
+exports.createUseQueries = useQueriesProxy.createUseQueries;
+exports.createRootHooks = createHooksInternal.createRootHooks;
 exports.getQueryClient = queryClient.getQueryClient;
+exports.getClientArgs = getClientArgs.getClientArgs;
+exports.TRPCContext = context.TRPCContext;
+exports.contextProps = context.contextProps;

package/dist/shared/index.mjs

@@ -1,7 +1,7 @@
-export { a as createReactDecoration, c as createRootHooks, d as createUseQueries, g as getClientArgs } from '../createHooksInternal-0df35117.mjs';
-export { T as TRPCContext, e as contextProps, a as createQueryUtilsProxy, c as createReactQueryUtils, d as getQueryType } from '../utilsProxy-12979321.mjs';
-export { g as getQueryClient } from '../queryClient-4d766c0c.mjs';
-import '@trpc/core';
-import '@tanstack/react-query';
-import '@trpc/client';
-import 'react';
+export { createReactDecoration } from './proxy/decorationProxy.mjs';
+export { createQueryUtilsProxy, createReactQueryUtils, getQueryType } from './proxy/utilsProxy.mjs';
+export { createUseQueries } from './proxy/useQueriesProxy.mjs';
+export { createRootHooks } from './hooks/createHooksInternal.mjs';
+export { getQueryClient } from './queryClient.mjs';
+export { getClientArgs } from '../internals/getClientArgs.mjs';
+export { TRPCContext, contextProps } from '../internals/context.mjs';

package/dist/shared/proxy/decorationProxy.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var core = require('@trpc/core');
+
+/**
+ * Create proxy for decorating procedures
+ * @internal
+ */ function createReactDecoration(name, hooks) {
+    return core.createRecursiveProxy(({ path , args  })=>{
+        const pathCopy = [
+            name,
+            ...path
+        ];
+        // The last arg is for instance `.useMutation` or `.useQuery()`
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        const lastArg = pathCopy.pop();
+        if (lastArg === 'useMutation') {
+            return hooks[lastArg](pathCopy, ...args);
+        }
+        if (lastArg === '_def') {
+            return {
+                path: pathCopy
+            };
+        }
+        const [input, ...rest] = args;
+        const opts = rest[0] || {};
+        return hooks[lastArg](pathCopy, input, opts);
+    });
+}
+
+exports.createReactDecoration = createReactDecoration;

package/dist/shared/proxy/decorationProxy.mjs

@@ -0,0 +1,29 @@
+import { createRecursiveProxy } from '@trpc/core';
+
+/**
+ * Create proxy for decorating procedures
+ * @internal
+ */ function createReactDecoration(name, hooks) {
+    return createRecursiveProxy(({ path , args  })=>{
+        const pathCopy = [
+            name,
+            ...path
+        ];
+        // The last arg is for instance `.useMutation` or `.useQuery()`
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        const lastArg = pathCopy.pop();
+        if (lastArg === 'useMutation') {
+            return hooks[lastArg](pathCopy, ...args);
+        }
+        if (lastArg === '_def') {
+            return {
+                path: pathCopy
+            };
+        }
+        const [input, ...rest] = args;
+        const opts = rest[0] || {};
+        return hooks[lastArg](pathCopy, input, opts);
+    });
+}
+
+export { createReactDecoration };

package/dist/shared/proxy/useQueriesProxy.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var core = require('@trpc/core');
+var getQueryKey = require('../../internals/getQueryKey.js');
+
+/**
+ * Create proxy for `useQueries` options
+ * @internal
+ */ function createUseQueries(client) {
+    return core.createRecursiveProxy((opts)=>{
+        const arrayPath = opts.path;
+        const dotPath = arrayPath.join('.');
+        const [input, _opts] = opts.args;
+        const options = {
+            queryKey: getQueryKey.getQueryKeyInternal(arrayPath, input, 'query'),
+            queryFn: ()=>{
+                return client.query(dotPath, input, _opts?.trpc);
+            },
+            ..._opts
+        };
+        return options;
+    });
+}
+
+exports.createUseQueries = createUseQueries;

package/dist/shared/proxy/useQueriesProxy.mjs

@@ -0,0 +1,23 @@
+import { createRecursiveProxy } from '@trpc/core';
+import { getQueryKeyInternal } from '../../internals/getQueryKey.mjs';
+
+/**
+ * Create proxy for `useQueries` options
+ * @internal
+ */ function createUseQueries(client) {
+    return createRecursiveProxy((opts)=>{
+        const arrayPath = opts.path;
+        const dotPath = arrayPath.join('.');
+        const [input, _opts] = opts.args;
+        const options = {
+            queryKey: getQueryKeyInternal(arrayPath, input, 'query'),
+            queryFn: ()=>{
+                return client.query(dotPath, input, _opts?.trpc);
+            },
+            ..._opts
+        };
+        return options;
+    });
+}
+
+export { createUseQueries };