@trpc/react-query 11.0.0-alpha-tmp-react-sideeffects-import.202 → 11.0.0-alpha-tmp-opt-peers.203

package/dist/{createHooksInternal-4285c71a.js → createHooksInternal-5cb13e16.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 * as React from 'react';
-import { b as getQueryKeyInternal, T as TRPCContext } from './utilsProxy-ff357a62.js';
+import React, { useRef, useState, useMemo, useEffect } from 'react';
+import { b as getQueryKeyInternal, T as TRPCContext } from './utilsProxy-c08ebe6e.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 = React.useRef(value);
+    const ref = 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] = React.useState(props.ssrState ?? false);
-        const fns = React.useMemo(() => createUtilityFunctions({
+        const [ssrState, setSSRState] = useState(props.ssrState ?? false);
+        const fns = useMemo(() => createUtilityFunctions({
             client,
             queryClient,
         }), [client, queryClient]);
-        const contextValue = React.useMemo(() => ({
+        const contextValue = useMemo(() => ({
             abortOnUnmount,
             queryClient,
             client,
@@ -183,7 +183,7 @@ function createRootHooks(config) {
             ssrState,
             ...fns,
         }), [abortOnUnmount, client, fns, queryClient, ssrContext, ssrState]);
-        React.useEffect(() => {
+        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 = React.useRef(opts);
+        const optsRef = useRef(opts);
         optsRef.current = opts;
-        React.useEffect(() => {
+        useEffect(() => {
             if (!enabled) {
                 return;
             }
@@ -442,7 +442,7 @@ function createRootHooks(config) {
         return [hook.map((h) => h.data), hook];
     };
     const useDehydratedState = (client, trpcState) => {
-        const transformed = React.useMemo(() => {
+        const transformed = useMemo(() => {
             if (!trpcState) {
                 return trpcState;
             }

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

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

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

package/dist/index.js

@@ -3,32 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var client = require('@trpc/client');
-var utilsProxy = require('./utilsProxy-0b88c1e3.js');
+var utilsProxy = require('./utilsProxy-f0fe7c68.js');
 var core = require('@trpc/core');
 var React = require('react');
-var createHooksInternal$1 = require('./createHooksInternal-5d2fa367.js');
+var createHooksInternal$1 = require('./createHooksInternal-6c0232d7.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) {
@@ -37,7 +17,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
             return ()=>{
                 const context = trpc.useUtils();
                 // create a stable reference of the utils context
-                return React__namespace.useMemo(()=>{
+                return React.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-61a4601f.mjs';
-export { g as getQueryKey } from './utilsProxy-61a4601f.mjs';
+import { c as createReactQueryUtils, a as createQueryUtilsProxy } from './utilsProxy-5402e992.mjs';
+export { g as getQueryKey } from './utilsProxy-5402e992.mjs';
 import { createFlatProxy } from '@trpc/core';
-import * as React from 'react';
-import { c as createRootHooks, a as createReactDecoration, b as createUtilityFunctions } from './createHooksInternal-e0b0564e.mjs';
+import { useMemo } from 'react';
+import { c as createRootHooks, a as createReactDecoration, b as createUtilityFunctions } from './createHooksInternal-df9ecb1f.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 React.useMemo(()=>{
+                return 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: React.Context<any>;
+export declare const TRPCContext: import("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":"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"}
+{"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-0b88c1e3.js');
+var utilsProxy = require('../utilsProxy-f0fe7c68.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-61a4601f.mjs';
+import { b as getQueryKeyInternal, d as getQueryType } from '../utilsProxy-5402e992.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;;;;;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/shared/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createHooksInternal = require('../createHooksInternal-5d2fa367.js');
-var utilsProxy = require('../utilsProxy-0b88c1e3.js');
+var createHooksInternal = require('../createHooksInternal-6c0232d7.js');
+var utilsProxy = require('../utilsProxy-f0fe7c68.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-e0b0564e.mjs';
-export { T as TRPCContext, e as contextProps, a as createQueryUtilsProxy, c as createReactQueryUtils, d as getQueryType } from '../utilsProxy-61a4601f.mjs';
+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 { g as getQueryClient } from '../queryClient-4d766c0c.mjs';
 import '@trpc/core';
 import '@tanstack/react-query';

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trpc/react-query",
-  "version": "11.0.0-alpha-tmp-react-sideeffects-import.202+204981c56",
+  "version": "11.0.0-alpha-tmp-opt-peers.203+092381a94",
   "description": "The tRPC React library",
   "author": "KATT",
   "license": "MIT",
@@ -57,17 +57,17 @@
     }
   },
   "dependencies": {
-    "@trpc/core": "11.0.0-alpha-tmp-react-sideeffects-import.202+204981c56"
+    "@trpc/core": "11.0.0-alpha-tmp-opt-peers.203+092381a94"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",
-    "@trpc/client": "11.0.0-alpha-tmp-react-sideeffects-import.202+204981c56",
+    "@trpc/client": "11.0.0-alpha-tmp-opt-peers.203+092381a94",
     "react": ">=18.2.0",
     "react-dom": ">=18.2.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.0.0",
-    "@trpc/client": "11.0.0-alpha-tmp-react-sideeffects-import.202+204981c56",
+    "@trpc/client": "11.0.0-alpha-tmp-opt-peers.203+092381a94",
     "@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": "204981c566792cc1dc72be3d0bb94750a6f476dc"
+  "gitHead": "092381a940020c95b4ca7b69760230db41440f1d"
 }

package/src/createTRPCReact.tsx

@@ -13,7 +13,7 @@ import type {
   ProtectedIntersection,
 } from '@trpc/core';
 import { createFlatProxy } from '@trpc/core';
-import * as React from 'react';
+import { useMemo } 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 React.useMemo(() => {
+        return 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 * as React from 'react';
+import { createContext } 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 = React.createContext?.(null as any);
+export const TRPCContext = createContext(null as any);

package/src/internals/useHookResult.ts

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