@trpc/react-query 11.0.0-alpha-tmp.233 → 11.0.0-alpha-tmp-v11-trpc-sveltekit.191

package/src/server/ssgProxy.ts

@@ -1,24 +1,17 @@
-import {
-  dehydrate,
+import type {
   DehydratedState,
   DehydrateOptions,
   InfiniteData,
   QueryClient,
 } from '@tanstack/react-query';
-import {
-  getUntypedClient,
-  inferRouterClient,
-  TRPCClientError,
-  TRPCUntypedClient,
-} from '@trpc/client';
-import {
+import { dehydrate } from '@tanstack/react-query';
+import type { inferRouterClient, TRPCClientError } from '@trpc/client';
+import { getUntypedClient, TRPCUntypedClient } from '@trpc/client';
+import type {
   AnyProcedure,
   AnyQueryProcedure,
   AnyRootConfig,
   AnyRouter,
-  callProcedure,
-  createFlatProxy,
-  createRecursiveProxy,
   DataTransformerOptions,
   Filter,
   inferProcedureInput,
@@ -27,15 +20,19 @@ import {
   Maybe,
   ProtectedIntersection,
 } from '@trpc/core';
-import { getQueryKeyInternal } from '../internals/getQueryKey';
 import {
+  callProcedure,
+  createFlatProxy,
+  createRecursiveProxy,
+} from '@trpc/core';
+import { getQueryKeyInternal } from '../internals/getQueryKey';
+import type {
   CreateTRPCReactQueryClientConfig,
   ExtractCursorType,
-  getQueryClient,
-  getQueryType,
   TRPCFetchInfiniteQueryOptions,
   TRPCFetchQueryOptions,
 } from '../shared';
+import { getQueryClient, getQueryType } from '../shared';
 
 interface CreateSSGHelpersInternal<TRouter extends AnyRouter> {
   router: TRouter;
@@ -127,7 +124,7 @@ type AnyDecoratedProcedure = DecorateProcedure<any, any>;
 
 /**
  * Create functions you can use for server-side rendering / static generation
- * @see https://trpc.io/docs/client/nextjs/server-side-helpers
+ * @link https://trpc.io/docs/v11/client/nextjs/server-side-helpers
  */
 export function createServerSideHelpers<TRouter extends AnyRouter>(
   opts: CreateServerSideHelpersOptions<TRouter>,

package/src/shared/hooks/createHooksInternal.tsx

@@ -1,3 +1,4 @@
+import type { DehydratedState } from '@tanstack/react-query';
 import {
   useInfiniteQuery as __useInfiniteQuery,
   useMutation as __useMutation,
@@ -6,29 +7,27 @@ import {
   useSuspenseInfiniteQuery as __useSuspenseInfiniteQuery,
   useSuspenseQueries as __useSuspenseQueries,
   useSuspenseQuery as __useSuspenseQuery,
-  DehydratedState,
   hashKey,
   useQueryClient,
 } from '@tanstack/react-query';
-import { createTRPCUntypedClient, TRPCClientErrorLike } from '@trpc/client';
+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 {
-  SSRState,
-  TRPCContext,
-  TRPCContextState,
-} from '../../internals/context';
+import type { SSRState, TRPCContextState } from '../../internals/context';
+import { TRPCContext } from '../../internals/context';
 import { getClientArgs } from '../../internals/getClientArgs';
-import { getQueryKeyInternal, TRPCQueryKey } from '../../internals/getQueryKey';
+import type { TRPCQueryKey } from '../../internals/getQueryKey';
+import { getQueryKeyInternal } from '../../internals/getQueryKey';
 import { useHookResult } from '../../internals/useHookResult';
-import {
+import type {
   TRPCUseQueries,
   TRPCUseSuspenseQueries,
 } from '../../internals/useQueries';
 import { createUtilityFunctions } from '../../utils/createUtilityFunctions';
 import { createUseQueries } from '../proxy/useQueriesProxy';
-import { CreateTRPCReactOptions, UseMutationOverride } from '../types';
-import {
+import type { CreateTRPCReactOptions, UseMutationOverride } from '../types';
+import type {
   CreateClient,
   TRPCProvider,
   TRPCQueryOptions,

package/src/shared/hooks/types.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   DefinedUseQueryResult,
   DehydratedState,
   InfiniteData,
@@ -17,16 +17,16 @@ import {
   UseSuspenseQueryOptions,
   UseSuspenseQueryResult,
 } from '@tanstack/react-query';
-import {
+import type {
   CreateTRPCClientOptions,
   TRPCRequestOptions,
   TRPCUntypedClient,
 } from '@trpc/client';
-import { AnyRouter, DistributiveOmit } from '@trpc/core';
-import { ReactNode } from 'react';
-import { TRPCContextProps } from '../../internals/context';
-import { TRPCQueryKey } from '../../internals/getQueryKey';
-import { TRPCHookResult } from '../../internals/useHookResult';
+import type { AnyRouter, DistributiveOmit } from '@trpc/core';
+import type { ReactNode } from 'react';
+import type { TRPCContextProps } from '../../internals/context';
+import type { TRPCQueryKey } from '../../internals/getQueryKey';
+import type { TRPCHookResult } from '../../internals/useHookResult';
 
 export type OutputWithCursor<TData, TCursor = any> = {
   cursor: TCursor | null;

package/src/shared/polymorphism/mutationLike.ts

@@ -1,10 +1,10 @@
-import {
+import type {
   AnyProcedure,
   AnyRootConfig,
   inferProcedureInput,
   inferTransformedProcedureOutput,
 } from '@trpc/core';
-import {
+import type {
   InferMutationOptions,
   InferMutationResult,
 } from '../../utils/inferReactQueryProcedure';

package/src/shared/polymorphism/queryLike.ts

@@ -1,13 +1,16 @@
-import {
+import type { TRPCClientErrorLike } from '@trpc/client';
+import type {
   AnyProcedure,
   AnyRootConfig,
   inferProcedureInput,
+  inferProcedureOutput,
   inferTransformedProcedureOutput,
 } from '@trpc/core';
-import {
+import type {
   InferQueryOptions,
   InferQueryResult,
 } from '../../utils/inferReactQueryProcedure';
+import type { UseTRPCSuspenseQueryResult } from '../hooks/types';
 
 /**
  * Use to request a query route which matches a given query procedure's interface
@@ -20,6 +23,14 @@ export type QueryLike<
     variables: inferProcedureInput<TProcedure>,
     opts?: InferQueryOptions<TConfig, TProcedure, any>,
   ) => InferQueryResult<TConfig, TProcedure>;
+
+  useSuspenseQuery: (
+    variables: inferProcedureInput<TProcedure>,
+    opts?: InferQueryOptions<TConfig, TProcedure, any>,
+  ) => UseTRPCSuspenseQueryResult<
+    inferProcedureOutput<TProcedure>,
+    TRPCClientErrorLike<TConfig>
+  >;
 };
 
 /**

package/src/shared/polymorphism/routerLike.ts

@@ -1,12 +1,12 @@
-import {
+import type {
   AnyMutationProcedure,
   AnyProcedure,
   AnyQueryProcedure,
   AnyRootConfig,
   AnyRouter,
 } from '@trpc/core';
-import { MutationLike } from './mutationLike';
-import { QueryLike } from './queryLike';
+import type { MutationLike } from './mutationLike';
+import type { QueryLike } from './queryLike';
 
 /**
  * Use to describe a route path which matches a given route's interface

package/src/shared/polymorphism/utilsLike.ts

@@ -1,5 +1,5 @@
-import { AnyRouter } from '@trpc/core';
-import { DecoratedProcedureUtilsRecord } from '../proxy/utilsProxy';
+import type { AnyRouter } from '@trpc/core';
+import type { DecoratedProcedureUtilsRecord } from '../proxy/utilsProxy';
 
 /**
  * Use to describe a Utils/Context path which matches the given route's interface

package/src/shared/proxy/decorationProxy.ts

@@ -1,5 +1,6 @@
-import { AnyRouter, createRecursiveProxy } from '@trpc/core';
-import { CreateReactQueryHooks } from '../hooks/createHooksInternal';
+import type { AnyRouter } from '@trpc/core';
+import { createRecursiveProxy } from '@trpc/core';
+import type { CreateReactQueryHooks } from '../hooks/createHooksInternal';
 
 /**
  * Create proxy for decorating procedures

package/src/shared/proxy/useQueriesProxy.ts

@@ -1,21 +1,21 @@
-import { QueryOptions } from '@tanstack/react-query';
-import { TRPCClientError, TRPCUntypedClient } from '@trpc/client';
-import {
+import type { QueryOptions } from '@tanstack/react-query';
+import type { TRPCClientError, TRPCUntypedClient } from '@trpc/client';
+import type {
   AnyProcedure,
   AnyQueryProcedure,
   AnyRootConfig,
   AnyRouter,
-  createRecursiveProxy,
   Filter,
   inferProcedureInput,
   inferTransformedProcedureOutput,
 } from '@trpc/core';
+import { createRecursiveProxy } from '@trpc/core';
 import { getQueryKeyInternal } from '../../internals/getQueryKey';
-import {
+import type {
   TrpcQueryOptionsForUseQueries,
   TrpcQueryOptionsForUseSuspenseQueries,
 } from '../../internals/useQueries';
-import { TRPCUseQueryBaseOptions } from '../hooks/types';
+import type { TRPCUseQueryBaseOptions } from '../hooks/types';
 
 type GetQueryOptions<
   TConfig extends AnyRootConfig,

package/src/shared/proxy/utilsProxy.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   CancelOptions,
   InfiniteData,
   InvalidateOptions,
@@ -10,33 +10,30 @@ import {
   SetDataOptions,
   Updater,
 } from '@tanstack/react-query';
-import { createTRPCClientProxy, TRPCClientError } from '@trpc/client';
-import {
+import type { TRPCClientError } from '@trpc/client';
+import { createTRPCClientProxy } from '@trpc/client';
+import type {
   AnyQueryProcedure,
   AnyRootConfig,
   AnyRouter,
-  createFlatProxy,
-  createRecursiveProxy,
   DeepPartial,
   Filter,
   inferProcedureInput,
   inferTransformedProcedureOutput,
   ProtectedIntersection,
 } from '@trpc/core';
-import {
-  contextProps,
+import { createFlatProxy, createRecursiveProxy } from '@trpc/core';
+import type {
   DecoratedTRPCContextProps,
   TRPCContextState,
   TRPCFetchInfiniteQueryOptions,
   TRPCFetchQueryOptions,
   TRPCQueryUtils,
 } from '../../internals/context';
-import {
-  getQueryKeyInternal,
-  QueryKeyKnown,
-  QueryType,
-} from '../../internals/getQueryKey';
-import { ExtractCursorType } from '../hooks/types';
+import { contextProps } from '../../internals/context';
+import type { QueryKeyKnown, QueryType } from '../../internals/getQueryKey';
+import { getQueryKeyInternal } from '../../internals/getQueryKey';
+import type { ExtractCursorType } from '../hooks/types';
 
 type DecorateProcedure<
   TConfig extends AnyRootConfig,

package/src/shared/queryClient.ts

@@ -1,4 +1,5 @@
-import { QueryClient, QueryClientConfig } from '@tanstack/react-query';
+import type { QueryClientConfig } from '@tanstack/react-query';
+import { QueryClient } from '@tanstack/react-query';
 
 /**
  * @internal

package/src/shared/types.ts

@@ -1,5 +1,5 @@
-import { QueryClient } from '@tanstack/react-query';
-import { AnyRouter, MaybePromise } from '@trpc/core';
+import type { QueryClient } from '@tanstack/react-query';
+import type { AnyRouter, MaybePromise } from '@trpc/core';
 
 /**
  * @internal

package/src/utils/createUtilityFunctions.ts

@@ -1,12 +1,9 @@
-import { QueryClient } from '@tanstack/react-query';
-import {
-  CreateTRPCClient,
-  getUntypedClient,
-  TRPCUntypedClient,
-} from '@trpc/client';
-import { AnyRouter } from '@trpc/core';
+import type { QueryClient } from '@tanstack/react-query';
+import type { CreateTRPCClient } from '@trpc/client';
+import { getUntypedClient, TRPCUntypedClient } from '@trpc/client';
+import type { AnyRouter } from '@trpc/core';
 import { getClientArgs } from '../internals/getClientArgs';
-import { TRPCQueryUtils } from '../shared';
+import type { TRPCQueryUtils } from '../shared';
 
 export interface CreateQueryUtilsOptions<TRouter extends AnyRouter> {
   /**

package/src/utils/inferReactQueryProcedure.ts

@@ -1,5 +1,5 @@
-import { TRPCClientErrorLike } from '@trpc/client';
-import {
+import type { TRPCClientErrorLike } from '@trpc/client';
+import type {
   AnyMutationProcedure,
   AnyProcedure,
   AnyQueryProcedure,
@@ -8,7 +8,7 @@ import {
   inferProcedureInput,
   inferTransformedProcedureOutput,
 } from '@trpc/core';
-import {
+import type {
   UseTRPCMutationOptions,
   UseTRPCMutationResult,
   UseTRPCQueryOptions,