@trpc/react-query 11.0.0-alpha-tmp-react-sideeffects-import.202 → 11.0.0-alpha-tmp-ahmed-rollup-v4.203

package/dist/server/ssgProxy.js

@@ -0,0 +1,106 @@
+'use strict';
+
+var reactQuery = require('@tanstack/react-query');
+var client = require('@trpc/client');
+var core = require('@trpc/core');
+var getQueryKey = require('../internals/getQueryKey.js');
+var utilsProxy = require('../shared/proxy/utilsProxy.js');
+require('react');
+var queryClient = require('../shared/queryClient.js');
+
+/**
+ * Create functions you can use for server-side rendering / static generation
+ * @link https://trpc.io/docs/v11/client/nextjs/server-side-helpers
+ */ function createServerSideHelpers(opts) {
+    const queryClient$1 = queryClient.getQueryClient(opts);
+    const resolvedOpts = (()=>{
+        if ('router' in opts) {
+            const { transformer , ctx , router  } = opts;
+            return {
+                serialize: transformer ? ('input' in transformer ? transformer.input : transformer).serialize : (obj)=>obj,
+                query: (queryOpts)=>{
+                    return core.callProcedure({
+                        procedures: router._def.procedures,
+                        path: queryOpts.path,
+                        getRawInput: async ()=>queryOpts.input,
+                        ctx,
+                        type: 'query'
+                    });
+                }
+            };
+        }
+        const { client: client$1  } = opts;
+        const untypedClient = client$1 instanceof client.TRPCUntypedClient ? client$1 : client.getUntypedClient(client$1);
+        return {
+            query: (queryOpts)=>untypedClient.query(queryOpts.path, queryOpts.input),
+            serialize: (obj)=>untypedClient.runtime.transformer.serialize(obj)
+        };
+    })();
+    function _dehydrate(opts = {
+        shouldDehydrateQuery () {
+            // makes sure to serialize errors
+            return true;
+        }
+    }) {
+        const before = reactQuery.dehydrate(queryClient$1, opts);
+        const after = resolvedOpts.serialize(before);
+        return after;
+    }
+    return core.createFlatProxy((key)=>{
+        if (key === 'queryClient') return queryClient$1;
+        if (key === 'dehydrate') return _dehydrate;
+        return core.createRecursiveProxy((opts)=>{
+            const args = opts.args;
+            const input = args[0];
+            const arrayPath = [
+                key,
+                ...opts.path
+            ];
+            const utilName = arrayPath.pop();
+            const queryFn = ()=>resolvedOpts.query({
+                    path: arrayPath.join('.'),
+                    input
+                });
+            const queryKey = getQueryKey.getQueryKeyInternal(arrayPath, input, utilsProxy.getQueryType(utilName));
+            const helperMap = {
+                fetch: ()=>{
+                    const args1 = args[1];
+                    return queryClient$1.fetchQuery({
+                        ...args1,
+                        queryKey,
+                        queryFn
+                    });
+                },
+                fetchInfinite: ()=>{
+                    const args1 = args[1];
+                    return queryClient$1.fetchInfiniteQuery({
+                        ...args1,
+                        queryKey,
+                        queryFn,
+                        initialPageParam: args1?.initialCursor ?? null
+                    });
+                },
+                prefetch: ()=>{
+                    const args1 = args[1];
+                    return queryClient$1.prefetchQuery({
+                        ...args1,
+                        queryKey,
+                        queryFn
+                    });
+                },
+                prefetchInfinite: ()=>{
+                    const args1 = args[1];
+                    return queryClient$1.prefetchInfiniteQuery({
+                        ...args1,
+                        queryKey,
+                        queryFn,
+                        initialPageParam: args1?.initialCursor ?? null
+                    });
+                }
+            };
+            return helperMap[utilName]();
+        });
+    });
+}
+
+exports.createServerSideHelpers = createServerSideHelpers;

package/dist/server/ssgProxy.mjs

@@ -0,0 +1,104 @@
+import { dehydrate } from '@tanstack/react-query';
+import { TRPCUntypedClient, getUntypedClient } from '@trpc/client';
+import { callProcedure, createFlatProxy, createRecursiveProxy } from '@trpc/core';
+import { getQueryKeyInternal } from '../internals/getQueryKey.mjs';
+import { getQueryType } from '../shared/proxy/utilsProxy.mjs';
+import 'react';
+import { getQueryClient } from '../shared/queryClient.mjs';
+
+/**
+ * Create functions you can use for server-side rendering / static generation
+ * @link https://trpc.io/docs/v11/client/nextjs/server-side-helpers
+ */ function createServerSideHelpers(opts) {
+    const queryClient = getQueryClient(opts);
+    const resolvedOpts = (()=>{
+        if ('router' in opts) {
+            const { transformer , ctx , router  } = opts;
+            return {
+                serialize: transformer ? ('input' in transformer ? transformer.input : transformer).serialize : (obj)=>obj,
+                query: (queryOpts)=>{
+                    return callProcedure({
+                        procedures: router._def.procedures,
+                        path: queryOpts.path,
+                        getRawInput: async ()=>queryOpts.input,
+                        ctx,
+                        type: 'query'
+                    });
+                }
+            };
+        }
+        const { client  } = opts;
+        const untypedClient = client instanceof TRPCUntypedClient ? client : getUntypedClient(client);
+        return {
+            query: (queryOpts)=>untypedClient.query(queryOpts.path, queryOpts.input),
+            serialize: (obj)=>untypedClient.runtime.transformer.serialize(obj)
+        };
+    })();
+    function _dehydrate(opts = {
+        shouldDehydrateQuery () {
+            // makes sure to serialize errors
+            return true;
+        }
+    }) {
+        const before = dehydrate(queryClient, opts);
+        const after = resolvedOpts.serialize(before);
+        return after;
+    }
+    return createFlatProxy((key)=>{
+        if (key === 'queryClient') return queryClient;
+        if (key === 'dehydrate') return _dehydrate;
+        return createRecursiveProxy((opts)=>{
+            const args = opts.args;
+            const input = args[0];
+            const arrayPath = [
+                key,
+                ...opts.path
+            ];
+            const utilName = arrayPath.pop();
+            const queryFn = ()=>resolvedOpts.query({
+                    path: arrayPath.join('.'),
+                    input
+                });
+            const queryKey = getQueryKeyInternal(arrayPath, input, getQueryType(utilName));
+            const helperMap = {
+                fetch: ()=>{
+                    const args1 = args[1];
+                    return queryClient.fetchQuery({
+                        ...args1,
+                        queryKey,
+                        queryFn
+                    });
+                },
+                fetchInfinite: ()=>{
+                    const args1 = args[1];
+                    return queryClient.fetchInfiniteQuery({
+                        ...args1,
+                        queryKey,
+                        queryFn,
+                        initialPageParam: args1?.initialCursor ?? null
+                    });
+                },
+                prefetch: ()=>{
+                    const args1 = args[1];
+                    return queryClient.prefetchQuery({
+                        ...args1,
+                        queryKey,
+                        queryFn
+                    });
+                },
+                prefetchInfinite: ()=>{
+                    const args1 = args[1];
+                    return queryClient.prefetchInfiniteQuery({
+                        ...args1,
+                        queryKey,
+                        queryFn,
+                        initialPageParam: args1?.initialCursor ?? null
+                    });
+                }
+            };
+            return helperMap[utilName]();
+        });
+    });
+}
+
+export { createServerSideHelpers };

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":"AAYA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,OAAO,KAAK,EAAY,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAM1E,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACvB,MAAM,4BAA4B,CAAC;AAGpC,OAAO,KAAK,EAAE,sBAAsB,EAAuB,MAAM,UAAU,CAAC;AAC5E,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EAEZ,kBAAkB,EAClB,2BAA2B,EAC3B,0BAA0B,EAC1B,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,0BAA0B,EAC1B,mCAAmC,EACnC,kCAAkC,EAClC,2BAA2B,EAC3B,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,wBAAgB,eAAe,CAC7B,OAAO,SAAS,SAAS,EACzB,WAAW,GAAG,OAAO,EACrB,MAAM,CAAC,EAAE,sBAAsB,CAAC,OAAO,CAAC;;;;;qBAmFhC,MAAM,EAAE,SACP,OAAO;6BAwDR,MAAM,EAAE,SACP,OAAO;;;wBAsCR,MAAM,EAAE;4BAuCR,MAAM,EAAE,SACP,OAAO;;6BA6CR,MAAM,EAAE,SACP,OAAO;qCAoER,MAAM,EAAE,SACP,OAAO;EAsIjB;AAED;;;GAGG;AACH,cAAM,OAAO,CAAC,OAAO,SAAS,SAAS,EAAE,WAAW,GAAG,OAAO;IAC5D,EAAE;;;;;;;;;;;;;;;CAGH;AAED,KAAK,iBAAiB,CAAC,KAAK,IAAI,KAAK,SAAS,CAC5C,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KACtB,MAAM,CAAC,GACR,CAAC,GACD,KAAK,CAAC;AACV,KAAK,OAAO,CAAC,OAAO,SAAS,SAAS,EAAE,WAAW,GAAG,OAAO,IAAI,OAAO,CACtE,OAAO,EACP,WAAW,CACZ,CAAC,IAAI,CAAC,CAAC;AAER;;;GAGG;AACH,MAAM,MAAM,qBAAqB,CAC/B,OAAO,SAAS,SAAS,EACzB,WAAW,GAAG,OAAO,IACnB,iBAAiB,CAAC,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC"}
+{"version":3,"file":"createHooksInternal.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/createHooksInternal.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,OAAO,KAAK,EAAY,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAM1E,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACvB,MAAM,4BAA4B,CAAC;AAGpC,OAAO,KAAK,EAAE,sBAAsB,EAAuB,MAAM,UAAU,CAAC;AAC5E,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EAEZ,kBAAkB,EAClB,2BAA2B,EAC3B,0BAA0B,EAC1B,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,0BAA0B,EAC1B,mCAAmC,EACnC,kCAAkC,EAClC,2BAA2B,EAC3B,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,wBAAgB,eAAe,CAC7B,OAAO,SAAS,SAAS,EACzB,WAAW,GAAG,OAAO,EACrB,MAAM,CAAC,EAAE,sBAAsB,CAAC,OAAO,CAAC;;;;;qBAiFhC,MAAM,EAAE,SACP,OAAO;6BAwDR,MAAM,EAAE,SACP,OAAO;;;wBAsCR,MAAM,EAAE;4BAuCR,MAAM,EAAE,SACP,OAAO;;6BA6CR,MAAM,EAAE,SACP,OAAO;qCAoER,MAAM,EAAE,SACP,OAAO;EAsIjB;AAED;;;GAGG;AACH,cAAM,OAAO,CAAC,OAAO,SAAS,SAAS,EAAE,WAAW,GAAG,OAAO;IAC5D,EAAE;;;;;;;;;;;;;;;CAGH;AAED,KAAK,iBAAiB,CAAC,KAAK,IAAI,KAAK,SAAS,CAC5C,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KACtB,MAAM,CAAC,GACR,CAAC,GACD,KAAK,CAAC;AACV,KAAK,OAAO,CAAC,OAAO,SAAS,SAAS,EAAE,WAAW,GAAG,OAAO,IAAI,OAAO,CACtE,OAAO,EACP,WAAW,CACZ,CAAC,IAAI,CAAC,CAAC;AAER;;;GAGG;AACH,MAAM,MAAM,qBAAqB,CAC/B,OAAO,SAAS,SAAS,EACzB,WAAW,GAAG,OAAO,IACnB,iBAAiB,CAAC,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC"}

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

@@ -1,204 +1,34 @@
 '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-0b88c1e3.js');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  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 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');
 
 /**
  * @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 [ssrState, setSSRState] = React.useState(props.ssrState ?? false);
+        const fns = React.useMemo(()=>createUtilityFunctions.createUtilityFunctions({
                 client,
                 queryClient
             }), [
             client,
             queryClient
         ]);
-        const contextValue = React__namespace.useMemo(()=>({
+        const contextValue = React.useMemo(()=>({
                 abortOnUnmount,
                 queryClient,
                 client,
@@ -213,17 +43,17 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
             ssrContext,
             ssrState
         ]);
-        React__namespace.useEffect(()=>{
+        React.useEffect(()=>{
             // Only updating state to `mounted` if we are using SSR.
             // This makes it so we don't have an unnecessary re-render when opting out of SSR.
             setSSRState((state)=>state ? 'mounted' : false);
         }, []);
-        return /*#__PURE__*/ React__namespace.createElement(Context.Provider, {
+        return /*#__PURE__*/ React.createElement(Context.Provider, {
             value: contextValue
         }, props.children);
     };
     function useContext() {
-        const context = React__namespace.useContext(Context);
+        const context = React.useContext(Context);
         if (!context) {
             throw new Error('Unable to find tRPC Context. Did you forget to wrap your App inside `withTRPC` HoC?');
         }
@@ -244,7 +74,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 +99,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 +122,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 +144,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
             ...opts,
             mutationKey: mutationKey,
             mutationFn: (input)=>{
-                return client.mutation(...getClientArgs([
+                return client.mutation(...getClientArgs.getClientArgs([
                     path,
                     {
                         input
@@ -330,18 +160,18 @@ 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);
+        const optsRef = React.useRef(opts);
         optsRef.current = opts;
-        React__namespace.useEffect(()=>{
+        React.useEffect(()=>{
             if (!enabled) {
                 return;
             }
@@ -375,7 +205,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 +236,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 +268,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 +282,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 +303,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)=>({
@@ -487,7 +317,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
         ];
     };
     const useDehydratedState = (client, trpcState)=>{
-        const transformed = React__namespace.useMemo(()=>{
+        const transformed = React.useMemo(()=>{
             if (!trpcState) {
                 return trpcState;
             }
@@ -515,8 +345,4 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
     };
 }
 
-exports.createReactDecoration = createReactDecoration;
 exports.createRootHooks = createRootHooks;
-exports.createUseQueries = createUseQueries;
-exports.createUtilityFunctions = createUtilityFunctions;
-exports.getClientArgs = getClientArgs;