@trpc/react-query 11.0.0-next-beta.193 → 11.0.0-next-beta.204

package/dist/bundle-analysis.json

@@ -1,12 +1,12 @@
 {
-  "bundleSize": 26752,
-  "bundleOrigSize": 62172,
-  "bundleReduction": 56.97,
+  "bundleSize": 26832,
+  "bundleOrigSize": 62202,
+  "bundleReduction": 56.86,
   "modules": [
     {
       "id": "/src/shared/hooks/createHooksInternal.tsx",
-      "size": 12587,
-      "origSize": 15372,
+      "size": 12646,
+      "origSize": 15390,
       "renderedExports": [
         "createRootHooks"
       ],
@@ -14,8 +14,8 @@
       "dependents": [
         "/src/createTRPCReact.tsx"
       ],
-      "percent": 47.05,
-      "reduction": 18.12
+      "percent": 47.13,
+      "reduction": 17.83
     },
     {
       "id": "/src/server/ssgProxy.ts",
@@ -28,7 +28,7 @@
       "dependents": [
         "/src/server/index.ts"
       ],
-      "percent": 13.59,
+      "percent": 13.55,
       "reduction": 48.9
     },
     {
@@ -43,7 +43,7 @@
         "/src/createTRPCQueryUtils.tsx",
         "/src/shared/hooks/createHooksInternal.tsx"
       ],
-      "percent": 12.2,
+      "percent": 12.16,
       "reduction": 11.66
     },
     {
@@ -59,7 +59,7 @@
       "dependents": [
         "/src/shared/index.ts"
       ],
-      "percent": 9.94,
+      "percent": 9.91,
       "reduction": 74.5
     },
     {
@@ -78,13 +78,13 @@
         "/src/shared/proxy/useQueriesProxy.ts",
         "/src/shared/hooks/createHooksInternal.tsx"
       ],
-      "percent": 5.79,
+      "percent": 5.78,
       "reduction": 60.39
     },
     {
       "id": "/src/createTRPCReact.tsx",
-      "size": 826,
-      "origSize": 8732,
+      "size": 837,
+      "origSize": 8737,
       "renderedExports": [
         "createHooksInternal",
         "createTRPCReact"
@@ -93,8 +93,8 @@
       "dependents": [
         "/src/index.ts"
       ],
-      "percent": 3.09,
-      "reduction": 90.54
+      "percent": 3.12,
+      "reduction": 90.42
     },
     {
       "id": "/src/shared/proxy/decorationProxy.ts",
@@ -107,7 +107,7 @@
       "dependents": [
         "/src/shared/index.ts"
       ],
-      "percent": 2.94,
+      "percent": 2.93,
       "reduction": 20.42
     },
     {
@@ -143,8 +143,8 @@
     },
     {
       "id": "/src/internals/useHookResult.ts",
-      "size": 184,
-      "origSize": 336,
+      "size": 195,
+      "origSize": 342,
       "renderedExports": [
         "useHookResult"
       ],
@@ -152,8 +152,8 @@
       "dependents": [
         "/src/shared/hooks/createHooksInternal.tsx"
       ],
-      "percent": 0.69,
-      "reduction": 45.24
+      "percent": 0.73,
+      "reduction": 42.98
     },
     {
       "id": "/src/createTRPCQueryUtils.tsx",
@@ -171,8 +171,8 @@
     },
     {
       "id": "/src/internals/context.tsx",
-      "size": 155,
-      "origSize": 6070,
+      "size": 154,
+      "origSize": 6071,
       "renderedExports": [
         "contextProps",
         "TRPCContext"
@@ -184,8 +184,8 @@
         "/src/shared/proxy/utilsProxy.ts",
         "/src/shared/hooks/createHooksInternal.tsx"
       ],
-      "percent": 0.58,
-      "reduction": 97.45
+      "percent": 0.57,
+      "reduction": 97.46
     },
     {
       "id": "/src/shared/queryClient.ts",

package/dist/{createHooksInternal-5cb13e16.js → createHooksInternal-4285c71a.js}

@@ -1,8 +1,8 @@
 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 React, { useRef, useState, useMemo, useEffect } from 'react';
-import { b as getQueryKeyInternal, T as TRPCContext } from './utilsProxy-c08ebe6e.js';
+import * as React from 'react';
+import { b as getQueryKeyInternal, T as TRPCContext } from './utilsProxy-ff357a62.js';
 
 /**
  * Create proxy for decorating procedures
@@ -63,7 +63,7 @@ function getClientArgs(queryKey, opts, pageParam) {
  * Makes a stable reference of the `trpc` prop
  */
 function useHookResult(value) {
-    const ref = useRef(value);
+    const ref = React.useRef(value);
     ref.current.path = value.path;
     return ref.current;
 }
@@ -170,12 +170,12 @@ function createRootHooks(config) {
     };
     const TRPCProvider = (props) => {
         const { abortOnUnmount = false, client, queryClient, ssrContext } = props;
-        const [ssrState, setSSRState] = useState(props.ssrState ?? false);
-        const fns = useMemo(() => createUtilityFunctions({
+        const [ssrState, setSSRState] = React.useState(props.ssrState ?? false);
+        const fns = React.useMemo(() => createUtilityFunctions({
             client,
             queryClient,
         }), [client, queryClient]);
-        const contextValue = useMemo(() => ({
+        const contextValue = React.useMemo(() => ({
             abortOnUnmount,
             queryClient,
             client,
@@ -183,7 +183,7 @@ function createRootHooks(config) {
             ssrState,
             ...fns,
         }), [abortOnUnmount, client, fns, queryClient, ssrContext, ssrState]);
-        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));
@@ -305,9 +305,9 @@ function createRootHooks(config) {
         const enabled = opts?.enabled ?? true;
         const queryKey = hashKey(getQueryKeyInternal(path, input, 'any'));
         const { client } = useContext();
-        const optsRef = useRef(opts);
+        const optsRef = React.useRef(opts);
         optsRef.current = opts;
-        useEffect(() => {
+        React.useEffect(() => {
             if (!enabled) {
                 return;
             }
@@ -442,7 +442,7 @@ function createRootHooks(config) {
         return [hook.map((h) => h.data), hook];
     };
     const useDehydratedState = (client, trpcState) => {
-        const transformed = useMemo(() => {
+        const transformed = React.useMemo(() => {
             if (!trpcState) {
                 return trpcState;
             }

package/dist/{createHooksInternal-6c0232d7.js → createHooksInternal-5d2fa367.js}

@@ -4,11 +4,27 @@ var core = require('@trpc/core');
 var reactQuery = require('@tanstack/react-query');
 var client = require('@trpc/client');
 var React = require('react');
-var utilsProxy = require('./utilsProxy-f0fe7c68.js');
+var utilsProxy = require('./utilsProxy-0b88c1e3.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+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__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 /**
  * Create proxy for decorating procedures
@@ -71,7 +87,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 /**
  * Makes a stable reference of the `trpc` prop
  */ function useHookResult(value) {
-    const ref = React.useRef(value);
+    const ref = React__namespace.useRef(value);
     ref.current.path = value.path;
     return ref.current;
 }
@@ -174,15 +190,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
     };
     const TRPCProvider = (props)=>{
         const { abortOnUnmount =false , client , queryClient , ssrContext  } = props;
-        const [ssrState, setSSRState] = React.useState(props.ssrState ?? false);
-        const fns = React.useMemo(()=>createUtilityFunctions({
+        const [ssrState, setSSRState] = React__namespace.useState(props.ssrState ?? false);
+        const fns = React__namespace.useMemo(()=>createUtilityFunctions({
                 client,
                 queryClient
             }), [
             client,
             queryClient
         ]);
-        const contextValue = React.useMemo(()=>({
+        const contextValue = React__namespace.useMemo(()=>({
                 abortOnUnmount,
                 queryClient,
                 client,
@@ -197,17 +213,17 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
             ssrContext,
             ssrState
         ]);
-        React.useEffect(()=>{
+        React__namespace.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__default["default"].createElement(Context.Provider, {
+        return /*#__PURE__*/ React__namespace.createElement(Context.Provider, {
             value: contextValue
         }, props.children);
     };
     function useContext() {
-        const context = React__default["default"].useContext(Context);
+        const context = React__namespace.useContext(Context);
         if (!context) {
             throw new Error('Unable to find tRPC Context. Did you forget to wrap your App inside `withTRPC` HoC?');
         }
@@ -323,9 +339,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
         const enabled = opts?.enabled ?? true;
         const queryKey = reactQuery.hashKey(utilsProxy.getQueryKeyInternal(path, input, 'any'));
         const { client  } = useContext();
-        const optsRef = React.useRef(opts);
+        const optsRef = React__namespace.useRef(opts);
         optsRef.current = opts;
-        React.useEffect(()=>{
+        React__namespace.useEffect(()=>{
             if (!enabled) {
                 return;
             }
@@ -471,7 +487,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
         ];
     };
     const useDehydratedState = (client, trpcState)=>{
-        const transformed = React.useMemo(()=>{
+        const transformed = React__namespace.useMemo(()=>{
             if (!trpcState) {
                 return trpcState;
             }

package/dist/{createHooksInternal-df9ecb1f.mjs → createHooksInternal-e0b0564e.mjs}

@@ -1,8 +1,8 @@
 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 React, { useRef, useState, useMemo, useEffect } from 'react';
-import { b as getQueryKeyInternal, T as TRPCContext } from './utilsProxy-5402e992.mjs';
+import * as React from 'react';
+import { b as getQueryKeyInternal, T as TRPCContext } from './utilsProxy-61a4601f.mjs';
 
 /**
  * Create proxy for decorating procedures
@@ -65,7 +65,7 @@ import { b as getQueryKeyInternal, T as TRPCContext } from './utilsProxy-5402e99
 /**
  * Makes a stable reference of the `trpc` prop
  */ function useHookResult(value) {
-    const ref = useRef(value);
+    const ref = React.useRef(value);
     ref.current.path = value.path;
     return ref.current;
 }
@@ -168,15 +168,15 @@ import { b as getQueryKeyInternal, T as TRPCContext } from './utilsProxy-5402e99
     };
     const TRPCProvider = (props)=>{
         const { abortOnUnmount =false , client , queryClient , ssrContext  } = props;
-        const [ssrState, setSSRState] = useState(props.ssrState ?? false);
-        const fns = useMemo(()=>createUtilityFunctions({
+        const [ssrState, setSSRState] = React.useState(props.ssrState ?? false);
+        const fns = React.useMemo(()=>createUtilityFunctions({
                 client,
                 queryClient
             }), [
             client,
             queryClient
         ]);
-        const contextValue = useMemo(()=>({
+        const contextValue = React.useMemo(()=>({
                 abortOnUnmount,
                 queryClient,
                 client,
@@ -191,7 +191,7 @@ import { b as getQueryKeyInternal, T as TRPCContext } from './utilsProxy-5402e99
             ssrContext,
             ssrState
         ]);
-        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);
@@ -317,9 +317,9 @@ import { b as getQueryKeyInternal, T as TRPCContext } from './utilsProxy-5402e99
         const enabled = opts?.enabled ?? true;
         const queryKey = hashKey(getQueryKeyInternal(path, input, 'any'));
         const { client  } = useContext();
-        const optsRef = useRef(opts);
+        const optsRef = React.useRef(opts);
         optsRef.current = opts;
-        useEffect(()=>{
+        React.useEffect(()=>{
             if (!enabled) {
                 return;
             }
@@ -465,7 +465,7 @@ import { b as getQueryKeyInternal, T as TRPCContext } from './utilsProxy-5402e99
         ];
     };
     const useDehydratedState = (client, trpcState)=>{
-        const transformed = useMemo(()=>{
+        const transformed = React.useMemo(()=>{
             if (!trpcState) {
                 return trpcState;
             }

package/dist/index.js

@@ -3,12 +3,32 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var client = require('@trpc/client');
-var utilsProxy = require('./utilsProxy-f0fe7c68.js');
+var utilsProxy = require('./utilsProxy-0b88c1e3.js');
 var core = require('@trpc/core');
 var React = require('react');
-var createHooksInternal$1 = require('./createHooksInternal-6c0232d7.js');
+var createHooksInternal$1 = require('./createHooksInternal-5d2fa367.js');
 require('@tanstack/react-query');
 
+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);
+
 /**
  * @internal
  */ function createHooksInternal(trpc) {
@@ -17,7 +37,7 @@ require('@tanstack/react-query');
             return ()=>{
                 const context = trpc.useUtils();
                 // create a stable reference of the utils context
-                return React.useMemo(()=>{
+                return React__namespace.useMemo(()=>{
                     return utilsProxy.createReactQueryUtils(context);
                 }, [
                     context

package/dist/index.mjs

@@ -1,9 +1,9 @@
 export * from '@trpc/client';
-import { c as createReactQueryUtils, a as createQueryUtilsProxy } from './utilsProxy-5402e992.mjs';
-export { g as getQueryKey } from './utilsProxy-5402e992.mjs';
+import { c as createReactQueryUtils, a as createQueryUtilsProxy } from './utilsProxy-61a4601f.mjs';
+export { g as getQueryKey } from './utilsProxy-61a4601f.mjs';
 import { createFlatProxy } from '@trpc/core';
-import { useMemo } from 'react';
-import { c as createRootHooks, a as createReactDecoration, b as createUtilityFunctions } from './createHooksInternal-df9ecb1f.mjs';
+import * as React from 'react';
+import { c as createRootHooks, a as createReactDecoration, b as createUtilityFunctions } from './createHooksInternal-e0b0564e.mjs';
 import '@tanstack/react-query';
 
 /**
@@ -14,7 +14,7 @@ import '@tanstack/react-query';
             return ()=>{
                 const context = trpc.useUtils();
                 // create a stable reference of the utils context
-                return useMemo(()=>{
+                return React.useMemo(()=>{
                     return createReactQueryUtils(context);
                 }, [
                     context

package/dist/internals/context.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import type { CancelOptions, FetchInfiniteQueryOptions, FetchQueryOptions, InfiniteData, InvalidateOptions, InvalidateQueryFilters, QueryClient, QueryFilters, RefetchOptions, RefetchQueryFilters, ResetOptions, SetDataOptions, Updater } from '@tanstack/react-query';
 import type { CreateTRPCClient, TRPCClientError, TRPCRequestOptions, TRPCUntypedClient } from '@trpc/client';
 import type { AnyRouter, DistributiveOmit } from '@trpc/core';
+import * as React from 'react';
 import type { ExtractCursorType } from '../shared';
 import type { TRPCQueryKey } from './getQueryKey';
 export type TRPCFetchQueryOptions<TOutput, TError> = DistributiveOmit<FetchQueryOptions<TOutput, TError>, 'queryKey'> & TRPCRequestOptions;
@@ -111,5 +111,5 @@ export interface TRPCQueryUtils<TRouter extends AnyRouter> {
      */
     getInfiniteQueryData: (queryKey: TRPCQueryKey) => InfiniteData<unknown> | undefined;
 }
-export declare const TRPCContext: import("react").Context<any>;
+export declare const TRPCContext: React.Context<any>;
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/internals/context.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,aAAa,EACb,yBAAyB,EACzB,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,WAAW,EACX,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,cAAc,EACd,OAAO,EACR,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EACV,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,qBAAqB,CAAC,OAAO,EAAE,MAAM,IAAI,gBAAgB,CACnE,iBAAiB,CAAC,OAAO,EAAE,MAAM,CAAC,EAClC,UAAU,CACX,GACC,kBAAkB,CAAC;AAErB,MAAM,MAAM,6BAA6B,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,IAC/D,gBAAgB,CACd,yBAAyB,CACvB,OAAO,EACP,MAAM,EACN,OAAO,EACP,YAAY,EACZ,iBAAiB,CAAC,MAAM,CAAC,CAC1B,EACD,UAAU,GAAG,kBAAkB,CAChC,GACC,kBAAkB,GAAG;IACnB,aAAa,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;CAC3C,CAAC;AAEN,gBAAgB;AAChB,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,CAAC;AAElE,MAAM,WAAW,oBAAoB,CAAC,OAAO,SAAS,SAAS,EAAE,WAAW;IAC1E;;OAEG;IACH,MAAM,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACnC;;;OAGG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,MAAM,yBAAyB,CACnC,OAAO,SAAS,SAAS,EACzB,WAAW,IACT,oBAAoB,CAAC,OAAO,EAAE,WAAW,CAAC,GAAG;IAC/C,MAAM,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACnC,CAAC;AAEF,MAAM,WAAW,gBAAgB,CAAC,OAAO,SAAS,SAAS,EAAE,WAAW,CACtE,SAAQ,oBAAoB,CAAC,OAAO,EAAE,WAAW,CAAC;IAClD;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,EAAE,CAAC,MAAM,oBAAoB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EAKhE,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAC/B,OAAO,SAAS,SAAS,EACzB,WAAW,GAAG,SAAS,CACvB,SAAQ,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,EACtD,cAAc,CAAC,OAAO,CAAC;CAAG;AAE9B;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,OAAO,SAAS,SAAS;IACvD;;OAEG;IACH,UAAU,EAAE,CACV,QAAQ,EAAE,YAAY,EACtB,IAAI,CAAC,EAAE,qBAAqB,CAAC,OAAO,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,KAC5D,OAAO,CAAC,OAAO,CAAC,CAAC;IACtB;;OAEG;IACH,kBAAkB,EAAE,CAClB,QAAQ,EAAE,YAAY,EACtB,IAAI,CAAC,EAAE,6BAA6B,CAClC,OAAO,EACP,OAAO,EACP,eAAe,CAAC,OAAO,CAAC,CACzB,KACE,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAC7C;;OAEG;IACH,aAAa,EAAE,CACb,QAAQ,EAAE,YAAY,EACtB,IAAI,CAAC,EAAE,qBAAqB,CAAC,OAAO,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,KAC5D,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnB;;OAEG;IACH,qBAAqB,EAAE,CACrB,QAAQ,EAAE,YAAY,EACtB,IAAI,CAAC,EAAE,6BAA6B,CAClC,OAAO,EACP,OAAO,EACP,eAAe,CAAC,OAAO,CAAC,CACzB,KACE,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnB;;OAEG;IACH,eAAe,EAAE,CACf,QAAQ,EAAE,YAAY,EACtB,IAAI,CAAC,EAAE,qBAAqB,CAAC,OAAO,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,KAC5D,OAAO,CAAC,OAAO,CAAC,CAAC;IAEtB;;OAEG;IACH,iBAAiB,EAAE,CACjB,QAAQ,EAAE,YAAY,EACtB,OAAO,CAAC,EAAE,sBAAsB,EAChC,OAAO,CAAC,EAAE,iBAAiB,KACxB,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnB;;OAEG;IACH,YAAY,EAAE,CACZ,QAAQ,EAAE,YAAY,EACtB,OAAO,CAAC,EAAE,YAAY,EACtB,OAAO,CAAC,EAAE,YAAY,KACnB,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnB;;OAEG;IACH,cAAc,EAAE,CACd,QAAQ,EAAE,YAAY,EACtB,OAAO,CAAC,EAAE,mBAAmB,EAC7B,OAAO,CAAC,EAAE,cAAc,KACrB,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnB;;OAEG;IACH,WAAW,EAAE,CACX,QAAQ,EAAE,YAAY,EACtB,OAAO,CAAC,EAAE,aAAa,KACpB,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnB;;OAEG;IACH,YAAY,EAAE,CACZ,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,EAClC,OAAO,CAAC,EAAE,cAAc,KACrB,IAAI,CAAC;IAEV;;OAEG;IACH,YAAY,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,OAAO,CAAC;IAClD;;OAEG;IACH,oBAAoB,EAAE,CACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,CACd,YAAY,CAAC,OAAO,CAAC,GAAG,SAAS,EACjC,YAAY,CAAC,OAAO,CAAC,GAAG,SAAS,CAClC,EACD,OAAO,CAAC,EAAE,cAAc,KACrB,IAAI,CAAC;IAEV;;OAEG;IACH,oBAAoB,EAAE,CACpB,QAAQ,EAAE,YAAY,KACnB,YAAY,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;CACxC;AACD,eAAO,MAAM,WAAW,8BAA6B,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/internals/context.tsx"],"names":[],"mappings":"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"}

package/dist/server/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var reactQuery = require('@tanstack/react-query');
 var client = require('@trpc/client');
 var core = require('@trpc/core');
-var utilsProxy = require('../utilsProxy-f0fe7c68.js');
+var utilsProxy = require('../utilsProxy-0b88c1e3.js');
 require('react');
 var queryClient = require('../queryClient-358a9a75.js');
 

package/dist/server/index.mjs

@@ -1,7 +1,7 @@
 import { dehydrate } from '@tanstack/react-query';
 import { TRPCUntypedClient, getUntypedClient } from '@trpc/client';
 import { callProcedure, createFlatProxy, createRecursiveProxy } from '@trpc/core';
-import { b as getQueryKeyInternal, d as getQueryType } from '../utilsProxy-5402e992.mjs';
+import { b as getQueryKeyInternal, d as getQueryType } from '../utilsProxy-61a4601f.mjs';
 import 'react';
 import { g as getQueryClient } from '../queryClient-4d766c0c.mjs';
 

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;;;;;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"}
+{"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"}

package/dist/shared/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createHooksInternal = require('../createHooksInternal-6c0232d7.js');
-var utilsProxy = require('../utilsProxy-f0fe7c68.js');
+var createHooksInternal = require('../createHooksInternal-5d2fa367.js');
+var utilsProxy = require('../utilsProxy-0b88c1e3.js');
 var queryClient = require('../queryClient-358a9a75.js');
 require('@trpc/core');
 require('@tanstack/react-query');

package/dist/shared/index.mjs

@@ -1,5 +1,5 @@
-export { a as createReactDecoration, c as createRootHooks, d as createUseQueries, g as getClientArgs } from '../createHooksInternal-df9ecb1f.mjs';
-export { T as TRPCContext, e as contextProps, a as createQueryUtilsProxy, c as createReactQueryUtils, d as getQueryType } from '../utilsProxy-5402e992.mjs';
+export { a as createReactDecoration, c as createRootHooks, d as createUseQueries, g as getClientArgs } from '../createHooksInternal-e0b0564e.mjs';
+export { T as TRPCContext, e as contextProps, a as createQueryUtilsProxy, c as createReactQueryUtils, d as getQueryType } from '../utilsProxy-61a4601f.mjs';
 export { g as getQueryClient } from '../queryClient-4d766c0c.mjs';
 import '@trpc/core';
 import '@tanstack/react-query';

package/dist/{utilsProxy-f0fe7c68.js → utilsProxy-0b88c1e3.js}

@@ -4,6 +4,26 @@ var client = require('@trpc/client');
 var core = require('@trpc/core');
 var React = require('react');
 
+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);
+
 /**
  * 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
@@ -51,7 +71,7 @@ const contextProps = [
     'ssrState',
     'abortOnUnmount'
 ];
-const TRPCContext = /*#__PURE__*/ React.createContext(null);
+const TRPCContext = React__namespace.createContext?.(null);
 
 const getQueryType = (utilName)=>{
     switch(utilName){

package/dist/{utilsProxy-5402e992.mjs → utilsProxy-61a4601f.mjs}

@@ -1,6 +1,6 @@
 import { createTRPCClientProxy } from '@trpc/client';
 import { createFlatProxy, createRecursiveProxy } from '@trpc/core';
-import { createContext } from 'react';
+import * as React from 'react';
 
 /**
  * To allow easy interactions with groups of related queries, such as
@@ -49,7 +49,7 @@ const contextProps = [
     'ssrState',
     'abortOnUnmount'
 ];
-const TRPCContext = /*#__PURE__*/ createContext(null);
+const TRPCContext = React.createContext?.(null);
 
 const getQueryType = (utilName)=>{
     switch(utilName){

package/dist/{utilsProxy-c08ebe6e.js → utilsProxy-ff357a62.js}

@@ -1,6 +1,6 @@
 import { createTRPCClientProxy } from '@trpc/client';
 import { createFlatProxy, createRecursiveProxy } from '@trpc/core';
-import { createContext } from 'react';
+import * as React from 'react';
 
 /**
  * To allow easy interactions with groups of related queries, such as
@@ -46,7 +46,7 @@ const contextProps = [
     'ssrState',
     'abortOnUnmount',
 ];
-const TRPCContext = createContext(null);
+const TRPCContext = React.createContext?.(null);
 
 const getQueryType = (utilName) => {
     switch (utilName) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trpc/react-query",
-  "version": "11.0.0-next-beta.193+ec8719429",
+  "version": "11.0.0-next-beta.204+e37e719b3",
   "description": "The tRPC React library",
   "author": "KATT",
   "license": "MIT",
@@ -57,17 +57,17 @@
     }
   },
   "dependencies": {
-    "@trpc/core": "11.0.0-next-beta.193+ec8719429"
+    "@trpc/core": "11.0.0-next-beta.204+e37e719b3"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",
-    "@trpc/client": "11.0.0-next-beta.193+ec8719429",
+    "@trpc/client": "11.0.0-next-beta.204+e37e719b3",
     "react": ">=18.2.0",
     "react-dom": ">=18.2.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.0.0",
-    "@trpc/client": "11.0.0-next-beta.193+ec8719429",
+    "@trpc/client": "11.0.0-next-beta.204+e37e719b3",
     "@types/express": "^4.17.17",
     "@types/node": "^20.10.0",
     "@types/react": "^18.2.33",
@@ -86,5 +86,5 @@
   "funding": [
     "https://trpc.io/sponsor"
   ],
-  "gitHead": "ec8719429e5eafd99b3e3ab76d40b12440dd90f1"
+  "gitHead": "e37e719b356f39931f1188df6a6e06c98f4e849c"
 }

package/src/createTRPCReact.tsx

@@ -13,7 +13,7 @@ import type {
   ProtectedIntersection,
 } from '@trpc/core';
 import { createFlatProxy } from '@trpc/core';
-import { useMemo } from 'react';
+import * as React from 'react';
 import type {
   TRPCUseQueries,
   TRPCUseSuspenseQueries,
@@ -288,7 +288,7 @@ export function createHooksInternal<
       return () => {
         const context = trpc.useUtils();
         // create a stable reference of the utils context
-        return useMemo(() => {
+        return React.useMemo(() => {
           return (createReactQueryUtils as any)(context);
         }, [context]);
       };

package/src/internals/context.tsx

@@ -20,7 +20,7 @@ import type {
   TRPCUntypedClient,
 } from '@trpc/client';
 import type { AnyRouter, DistributiveOmit } from '@trpc/core';
-import { createContext } from 'react';
+import * as React from 'react';
 import type { ExtractCursorType } from '../shared';
 import type { TRPCQueryKey } from './getQueryKey';
 
@@ -226,4 +226,4 @@ export interface TRPCQueryUtils<TRouter extends AnyRouter> {
     queryKey: TRPCQueryKey,
   ) => InfiniteData<unknown> | undefined;
 }
-export const TRPCContext = createContext(null as any);
+export const TRPCContext = React.createContext?.(null as any);

package/src/internals/useHookResult.ts

@@ -1,4 +1,4 @@
-import { useRef } from 'react';
+import * as React from 'react';
 
 export interface TRPCHookResult {
   trpc: {
@@ -12,7 +12,7 @@ export interface TRPCHookResult {
 export function useHookResult(
   value: TRPCHookResult['trpc'],
 ): TRPCHookResult['trpc'] {
-  const ref = useRef(value);
+  const ref = React.useRef(value);
   ref.current.path = value.path;
   return ref.current;
 }

package/src/shared/hooks/createHooksInternal.tsx

@@ -13,7 +13,7 @@ import {
 import type { TRPCClientErrorLike } from '@trpc/client';
 import { createTRPCUntypedClient } from '@trpc/client';
 import type { AnyRouter } from '@trpc/core';
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import * as React from 'react';
 import type { SSRState, TRPCContextState } from '../../internals/context';
 import { TRPCContext } from '../../internals/context';
 import { getClientArgs } from '../../internals/getClientArgs';
@@ -69,9 +69,11 @@ export function createRootHooks<
 
   const TRPCProvider: TRPCProvider<TRouter, TSSRContext> = (props) => {
     const { abortOnUnmount = false, client, queryClient, ssrContext } = props;
-    const [ssrState, setSSRState] = useState<SSRState>(props.ssrState ?? false);
+    const [ssrState, setSSRState] = React.useState<SSRState>(
+      props.ssrState ?? false,
+    );
 
-    const fns = useMemo(
+    const fns = React.useMemo(
       () =>
         createUtilityFunctions({
           client,
@@ -80,7 +82,7 @@ export function createRootHooks<
       [client, queryClient],
     );
 
-    const contextValue = useMemo<ProviderContext>(
+    const contextValue = React.useMemo<ProviderContext>(
       () => ({
         abortOnUnmount,
         queryClient,
@@ -92,7 +94,7 @@ export function createRootHooks<
       [abortOnUnmount, client, fns, queryClient, ssrContext, ssrState],
     );
 
-    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));
@@ -275,10 +277,10 @@ export function createRootHooks<
     const queryKey = hashKey(getQueryKeyInternal(path, input, 'any'));
     const { client } = useContext();
 
-    const optsRef = useRef<typeof opts>(opts);
+    const optsRef = React.useRef<typeof opts>(opts);
     optsRef.current = opts;
 
-    useEffect(() => {
+    React.useEffect(() => {
       if (!enabled) {
         return;
       }
@@ -492,7 +494,7 @@ export function createRootHooks<
     client,
     trpcState,
   ) => {
-    const transformed: DehydratedState | undefined = useMemo(() => {
+    const transformed: DehydratedState | undefined = React.useMemo(() => {
       if (!trpcState) {
         return trpcState;
       }