@trpc/next 10.0.0-alpha.41 → 10.0.0-alpha.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -7,9 +7,9 @@ var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
7
7
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
8
8
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
9
9
  var _regeneratorRuntime = require('@babel/runtime/regenerator');
10
+ var reactQuery = require('@tanstack/react-query');
10
11
  var react = require('@trpc/react');
11
12
  var React = require('react');
12
- var reactQuery = require('react-query');
13
13
  var ssrPrepass = require('react-ssr-prepass');
14
14
 
15
15
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
package/dist/index.mjs CHANGED
@@ -3,9 +3,9 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
3
3
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
4
4
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
5
5
  import _regeneratorRuntime from '@babel/runtime/regenerator';
6
+ import { QueryClient, QueryClientProvider, Hydrate, dehydrate } from '@tanstack/react-query';
6
7
  import { createReactQueryHooks, createTRPCClient, createReactQueryHooksProxy } from '@trpc/react';
7
8
  import React, { useState, createElement } from 'react';
8
- import { QueryClient, QueryClientProvider, Hydrate, dehydrate } from 'react-query';
9
9
  import ssrPrepass from 'react-ssr-prepass';
10
10
 
11
11
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -1,54 +1,102 @@
1
+ /// <reference types="react" />
1
2
  import { AnyRouter } from '@trpc/server';
2
3
  import { NextPageContext } from 'next/types';
3
4
  import { WithTRPCNoSSROptions, WithTRPCSSROptions } from './withTRPC';
4
5
  export declare function setupTRPC<TRouter extends AnyRouter, TSSRContext extends NextPageContext = NextPageContext>(opts: WithTRPCNoSSROptions<TRouter> | WithTRPCSSROptions<TRouter>): {
5
6
  proxy: {
6
7
  useContext(): import("@trpc/react").DecoratedProcedureUtilsRecord<TRouter>;
8
+ } & {
9
+ Provider: (props: {
10
+ queryClient: import("@tanstack/query-core").QueryClient;
11
+ client: import("@trpc/react").TRPCClient<TRouter>;
12
+ children: import("react").ReactNode;
13
+ ssrContext?: unknown;
14
+ ssrState?: import("@trpc/react/dist/internals/context").SSRState | undefined;
15
+ }) => JSX.Element;
16
+ createClient: (opts: import("@trpc/react").CreateTRPCClientOptions<TRouter>) => import("@trpc/react").TRPCClient<TRouter>;
17
+ useContext: () => import("@trpc/react/dist/createReactQueryHooks").TRPCContextState<TRouter, unknown>;
18
+ useQuery: <TPath extends keyof import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord> & string, TQueryFnData = (import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord> extends infer T ? { [TPath_1 in keyof T]: {
19
+ input: import("@trpc/server").inferProcedureInput<(T & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>)[TPath_1]>;
20
+ output: import("@trpc/server").inferProcedureOutput<(T & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>)[TPath_1]>;
21
+ }; } : never)[TPath]["output"], TData = (import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord> extends infer T_1 ? { [TPath_1_1 in keyof T_1]: {
22
+ input: import("@trpc/server").inferProcedureInput<(T_1 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>)[TPath_1_1]>;
23
+ output: import("@trpc/server").inferProcedureOutput<(T_1 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>)[TPath_1_1]>;
24
+ }; } : never)[TPath]["output"]>(pathAndInput: [path: TPath, ...args: import("@trpc/server").ProcedureArgs<import("@trpc/server").inferProcedureParams<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>[TPath]>>], opts?: import("@trpc/react/dist/createReactQueryHooks").UseTRPCQueryOptions<TPath, (import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord> extends infer T_2 ? { [TPath_1_2 in keyof T_2]: {
25
+ input: import("@trpc/server").inferProcedureInput<(T_2 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>)[TPath_1_2]>;
26
+ output: import("@trpc/server").inferProcedureOutput<(T_2 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>)[TPath_1_2]>;
27
+ }; } : never)[TPath]["input"], TQueryFnData, TData, import("@trpc/react").TRPCClientErrorLike<TRouter>> | undefined) => import("@tanstack/react-query").UseQueryResult<TData, import("@trpc/react").TRPCClientErrorLike<TRouter>>;
28
+ useMutation: <TPath_2 extends keyof import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord> & string, TContext = unknown>(path: TPath_2 | [TPath_2], opts?: import("@trpc/react/dist/createReactQueryHooks").UseTRPCMutationOptions<(import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord> extends infer T_1 ? { [TPath_3 in keyof T_1]: {
29
+ input: import("@trpc/server").inferProcedureInput<(T_1 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord>)[TPath_3]>;
30
+ output: import("@trpc/server").inferProcedureOutput<(T_1 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord>)[TPath_3]>;
31
+ }; } : never)[TPath_2]["input"], import("@trpc/react").TRPCClientErrorLike<TRouter>, (import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord> extends infer T_1_1 ? { [TPath_3_1 in keyof T_1_1]: {
32
+ input: import("@trpc/server").inferProcedureInput<(T_1_1 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord>)[TPath_3_1]>;
33
+ output: import("@trpc/server").inferProcedureOutput<(T_1_1 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord>)[TPath_3_1]>;
34
+ }; } : never)[TPath_2]["output"], TContext> | undefined) => import("@tanstack/react-query").UseMutationResult<(import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord> extends infer T_1_2 ? { [TPath_3_2 in keyof T_1_2]: {
35
+ input: import("@trpc/server").inferProcedureInput<(T_1_2 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord>)[TPath_3_2]>;
36
+ output: import("@trpc/server").inferProcedureOutput<(T_1_2 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord>)[TPath_3_2]>;
37
+ }; } : never)[TPath_2]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>, (import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord> extends infer T_1_3 ? { [TPath_3_3 in keyof T_1_3]: {
38
+ input: import("@trpc/server").inferProcedureInput<(T_1_3 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord>)[TPath_3_3]>;
39
+ output: import("@trpc/server").inferProcedureOutput<(T_1_3 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord>)[TPath_3_3]>;
40
+ }; } : never)[TPath_2]["input"], TContext>;
41
+ useSubscription: <TPath_4 extends keyof import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["subscriptions"], import("@trpc/server").ProcedureRecord> & string, TOutput extends import("@trpc/server/observable").inferObservableValue<import("@trpc/server").inferProcedureOutput<TRouter["_def"]["subscriptions"][TPath_4]>>>(pathAndInput: [path: TPath_4, ...args: import("@trpc/server").ProcedureArgs<import("@trpc/server").inferProcedureParams<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["subscriptions"], import("@trpc/server").ProcedureRecord>[TPath_4]>>], opts: import("@trpc/react/dist/createReactQueryHooks").UseTRPCSubscriptionOptions<import("@trpc/server/observable").inferObservableValue<import("@trpc/server").inferProcedureOutput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["subscriptions"], import("@trpc/server").ProcedureRecord>[TPath_4]>>, import("@trpc/server").inferProcedureClientError<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["subscriptions"], import("@trpc/server").ProcedureRecord>[TPath_4]>>) => void;
42
+ useDehydratedState: (client: import("@trpc/react").TRPCClient<TRouter>, trpcState: import("@tanstack/query-core").DehydratedState | undefined) => import("@tanstack/query-core").DehydratedState | undefined;
43
+ useInfiniteQuery: <TPath_6 extends (import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord> extends infer T_2 ? { [TPath_5 in keyof T_2]: import("@trpc/server").inferProcedureInput<(T_2 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>)[TPath_5]> extends {
44
+ cursor?: any;
45
+ } ? TPath_5 : never; } : never)[keyof import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>] & string>(pathAndInput: [path: TPath_6, input: Omit<(import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord> extends infer T_3 ? { [TPath_1_3 in keyof T_3]: {
46
+ input: import("@trpc/server").inferProcedureInput<(T_3 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>)[TPath_1_3]>;
47
+ output: import("@trpc/server").inferProcedureOutput<(T_3 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>)[TPath_1_3]>;
48
+ }; } : never)[TPath_6]["input"], "cursor">], opts?: import("@trpc/react/dist/createReactQueryHooks").UseTRPCInfiniteQueryOptions<TPath_6, Omit<(import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord> extends infer T_4 ? { [TPath_1_4 in keyof T_4]: {
49
+ input: import("@trpc/server").inferProcedureInput<(T_4 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>)[TPath_1_4]>;
50
+ output: import("@trpc/server").inferProcedureOutput<(T_4 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>)[TPath_1_4]>;
51
+ }; } : never)[TPath_6]["input"], "cursor">, (import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord> extends infer T_5 ? { [TPath_1_5 in keyof T_5]: {
52
+ input: import("@trpc/server").inferProcedureInput<(T_5 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>)[TPath_1_5]>;
53
+ output: import("@trpc/server").inferProcedureOutput<(T_5 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>)[TPath_1_5]>;
54
+ }; } : never)[TPath_6]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>> | undefined) => import("@tanstack/react-query").UseInfiniteQueryResult<(import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord> extends infer T_6 ? { [TPath_1_6 in keyof T_6]: {
55
+ input: import("@trpc/server").inferProcedureInput<(T_6 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>)[TPath_1_6]>;
56
+ output: import("@trpc/server").inferProcedureOutput<(T_6 & import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>)[TPath_1_6]>;
57
+ }; } : never)[TPath_6]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>>;
58
+ queries: TRouter["_def"]["queries"];
7
59
  } & import("@trpc/react").DecoratedProcedureRecord<TRouter["_def"]["record"], "">;
8
60
  useContext: () => import("@trpc/react/dist/createReactQueryHooks").TRPCContextState<TRouter, TSSRContext>;
9
- useInfiniteQuery: <TPath_3 extends (TRouter["_def"]["queries"] extends infer T ? { [TPath in keyof T]: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath]> extends {
61
+ useInfiniteQuery: <TPath_3_4 extends (import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord> extends infer T_7 ? { [TPath_7 in keyof T_7]: import("@trpc/server").inferProcedureInput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>[TPath_7]> extends {
10
62
  cursor?: any;
11
- } ? TPath : never; } : never)[keyof TRouter["_def"]["queries"]] & string>(pathAndInput: [path: TPath_3, input: Omit<(TRouter["_def"]["queries"] extends infer T_1 ? { [TPath_1 in keyof T_1]: {
12
- input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
13
- output: import("@trpc/server").inferProcedureOutput<TRouter["_def"]["queries"][TPath_1]>;
14
- }; } : never)[TPath_3]["input"], "cursor">], opts?: import("@trpc/react/dist/createReactQueryHooks").UseTRPCInfiniteQueryOptions<TPath_3, Omit<(TRouter["_def"]["queries"] extends infer T_1 ? { [TPath_1 in keyof T_1]: {
15
- input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
16
- output: import("@trpc/server").inferProcedureOutput<TRouter["_def"]["queries"][TPath_1]>;
17
- }; } : never)[TPath_3]["input"], "cursor">, (TRouter["_def"]["queries"] extends infer T_1 ? { [TPath_1 in keyof T_1]: {
18
- input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
19
- output: import("@trpc/server").inferProcedureOutput<TRouter["_def"]["queries"][TPath_1]>;
20
- }; } : never)[TPath_3]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>> | undefined) => import("react-query").UseInfiniteQueryResult<(TRouter["_def"]["queries"] extends infer T_1 ? { [TPath_1 in keyof T_1]: {
21
- input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
22
- output: import("@trpc/server").inferProcedureOutput<TRouter["_def"]["queries"][TPath_1]>;
23
- }; } : never)[TPath_3]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>>;
24
- useMutation: <TPath_1 extends keyof TRouter["_def"]["mutations"] & string, TContext = unknown>(path: TPath_1 | [TPath_1], opts?: import("@trpc/react/dist/createReactQueryHooks").UseTRPCMutationOptions<(TRouter["_def"]["mutations"] extends infer T_2 ? { [TPath_2 in keyof T_2]: {
25
- input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["mutations"][TPath_2]>;
26
- output: import("@trpc/server").inferProcedureOutput<TRouter["_def"]["mutations"][TPath_2]>;
27
- }; } : never)[TPath_1]["input"], import("@trpc/react").TRPCClientErrorLike<TRouter>, (TRouter["_def"]["mutations"] extends infer T_2 ? { [TPath_2 in keyof T_2]: {
28
- input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["mutations"][TPath_2]>;
29
- output: import("@trpc/server").inferProcedureOutput<TRouter["_def"]["mutations"][TPath_2]>;
30
- }; } : never)[TPath_1]["output"], TContext> | undefined) => import("react-query").UseMutationResult<(TRouter["_def"]["mutations"] extends infer T_2 ? { [TPath_2 in keyof T_2]: {
31
- input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["mutations"][TPath_2]>;
32
- output: import("@trpc/server").inferProcedureOutput<TRouter["_def"]["mutations"][TPath_2]>;
33
- }; } : never)[TPath_1]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>, (TRouter["_def"]["mutations"] extends infer T_2 ? { [TPath_2 in keyof T_2]: {
34
- input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["mutations"][TPath_2]>;
35
- output: import("@trpc/server").inferProcedureOutput<TRouter["_def"]["mutations"][TPath_2]>;
36
- }; } : never)[TPath_1]["input"], TContext>;
37
- useQuery: <TPath_4 extends keyof TRouter["_def"]["queries"] & string, TQueryFnData = (TRouter["_def"]["queries"] extends infer T_1 ? { [TPath_1 in keyof T_1]: {
38
- input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
39
- output: import("@trpc/server").inferProcedureOutput<TRouter["_def"]["queries"][TPath_1]>;
40
- }; } : never)[TPath_4]["output"], TData = (TRouter["_def"]["queries"] extends infer T_1 ? { [TPath_1 in keyof T_1]: {
41
- input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
42
- output: import("@trpc/server").inferProcedureOutput<TRouter["_def"]["queries"][TPath_1]>;
43
- }; } : never)[TPath_4]["output"]>(pathAndInput: [path: TPath_4, ...args: import("@trpc/server").ProcedureArgs<import("@trpc/server").inferProcedureParams<TRouter["_def"]["queries"][TPath_4]>>], opts?: import("@trpc/react/dist/createReactQueryHooks").UseTRPCQueryOptions<TPath_4, (TRouter["_def"]["queries"] extends infer T_1 ? { [TPath_1 in keyof T_1]: {
44
- input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
45
- output: import("@trpc/server").inferProcedureOutput<TRouter["_def"]["queries"][TPath_1]>;
46
- }; } : never)[TPath_4]["input"], TQueryFnData, TData, import("@trpc/react").TRPCClientErrorLike<TRouter>> | undefined) => import("react-query").UseQueryResult<TData, import("@trpc/react").TRPCClientErrorLike<TRouter>>;
47
- useSubscription: <TPath_2 extends keyof TRouter["_def"]["subscriptions"] & string, TOutput extends import("@trpc/server/observable").inferObservableValue<import("@trpc/server").inferProcedureOutput<TRouter["_def"]["subscriptions"][TPath_2]>>>(pathAndInput: [path: TPath_2, ...args: import("@trpc/server").ProcedureArgs<import("@trpc/server").inferProcedureParams<TRouter["_def"]["subscriptions"][TPath_2]>>], opts: {
48
- enabled?: boolean | undefined;
49
- error?: ((err: import("@trpc/react").TRPCClientErrorLike<TRouter>) => void) | undefined;
50
- next: (data: TOutput) => void;
51
- }) => void;
63
+ } ? TPath_7 : never; } : never)[keyof import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>] & string>(pathAndInput: [path: TPath_3_4, input: Omit<(import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord> extends infer T_8 ? { [TPath_8 in keyof T_8]: {
64
+ input: import("@trpc/server").inferProcedureInput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>[TPath_8]>;
65
+ output: import("@trpc/server").inferProcedureOutput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>[TPath_8]>;
66
+ }; } : never)[TPath_3_4]["input"], "cursor">], opts?: import("@trpc/react/dist/createReactQueryHooks").UseTRPCInfiniteQueryOptions<TPath_3_4, Omit<(import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord> extends infer T_8 ? { [TPath_8 in keyof T_8]: {
67
+ input: import("@trpc/server").inferProcedureInput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>[TPath_8]>;
68
+ output: import("@trpc/server").inferProcedureOutput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>[TPath_8]>;
69
+ }; } : never)[TPath_3_4]["input"], "cursor">, (import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord> extends infer T_8 ? { [TPath_8 in keyof T_8]: {
70
+ input: import("@trpc/server").inferProcedureInput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>[TPath_8]>;
71
+ output: import("@trpc/server").inferProcedureOutput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>[TPath_8]>;
72
+ }; } : never)[TPath_3_4]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>> | undefined) => import("@tanstack/react-query").UseInfiniteQueryResult<(import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord> extends infer T_8 ? { [TPath_8 in keyof T_8]: {
73
+ input: import("@trpc/server").inferProcedureInput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>[TPath_8]>;
74
+ output: import("@trpc/server").inferProcedureOutput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>[TPath_8]>;
75
+ }; } : never)[TPath_3_4]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>>;
76
+ useMutation: <TPath_1_7 extends keyof import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord> & string, TContext_1 = unknown>(path: TPath_1_7 | [TPath_1_7], opts?: import("@trpc/react/dist/createReactQueryHooks").UseTRPCMutationOptions<(import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord> extends infer T_9 ? { [TPath_9 in keyof T_9]: {
77
+ input: import("@trpc/server").inferProcedureInput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord>[TPath_9]>;
78
+ output: import("@trpc/server").inferProcedureOutput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord>[TPath_9]>;
79
+ }; } : never)[TPath_1_7]["input"], import("@trpc/react").TRPCClientErrorLike<TRouter>, (import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord> extends infer T_9 ? { [TPath_9 in keyof T_9]: {
80
+ input: import("@trpc/server").inferProcedureInput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord>[TPath_9]>;
81
+ output: import("@trpc/server").inferProcedureOutput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord>[TPath_9]>;
82
+ }; } : never)[TPath_1_7]["output"], TContext_1> | undefined) => import("@tanstack/react-query").UseMutationResult<(import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord> extends infer T_9 ? { [TPath_9 in keyof T_9]: {
83
+ input: import("@trpc/server").inferProcedureInput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord>[TPath_9]>;
84
+ output: import("@trpc/server").inferProcedureOutput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord>[TPath_9]>;
85
+ }; } : never)[TPath_1_7]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>, (import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord> extends infer T_9 ? { [TPath_9 in keyof T_9]: {
86
+ input: import("@trpc/server").inferProcedureInput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord>[TPath_9]>;
87
+ output: import("@trpc/server").inferProcedureOutput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["mutations"], import("@trpc/server").ProcedureRecord>[TPath_9]>;
88
+ }; } : never)[TPath_1_7]["input"], TContext_1>;
89
+ useQuery: <TPath_10 extends keyof import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord> & string, TQueryFnData_1 = (import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord> extends infer T_8 ? { [TPath_8 in keyof T_8]: {
90
+ input: import("@trpc/server").inferProcedureInput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>[TPath_8]>;
91
+ output: import("@trpc/server").inferProcedureOutput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>[TPath_8]>;
92
+ }; } : never)[TPath_10]["output"], TData_1 = (import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord> extends infer T_8 ? { [TPath_8 in keyof T_8]: {
93
+ input: import("@trpc/server").inferProcedureInput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>[TPath_8]>;
94
+ output: import("@trpc/server").inferProcedureOutput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>[TPath_8]>;
95
+ }; } : never)[TPath_10]["output"]>(pathAndInput: [path: TPath_10, ...args: import("@trpc/server").ProcedureArgs<import("@trpc/server").inferProcedureParams<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>[TPath_10]>>], opts?: import("@trpc/react/dist/createReactQueryHooks").UseTRPCQueryOptions<TPath_10, (import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord> extends infer T_8 ? { [TPath_8 in keyof T_8]: {
96
+ input: import("@trpc/server").inferProcedureInput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>[TPath_8]>;
97
+ output: import("@trpc/server").inferProcedureOutput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["queries"], import("@trpc/server").ProcedureRecord>[TPath_8]>;
98
+ }; } : never)[TPath_10]["input"], TQueryFnData_1, TData_1, import("@trpc/react").TRPCClientErrorLike<TRouter>> | undefined) => import("@tanstack/react-query").UseQueryResult<TData_1, import("@trpc/react").TRPCClientErrorLike<TRouter>>;
99
+ useSubscription: <TPath_2_1 extends keyof import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["subscriptions"], import("@trpc/server").ProcedureRecord> & string, TOutput_1 extends import("@trpc/server/observable").inferObservableValue<import("@trpc/server").inferProcedureOutput<TRouter["_def"]["subscriptions"][TPath_2_1]>>>(pathAndInput: [path: TPath_2_1, ...args: import("@trpc/server").ProcedureArgs<import("@trpc/server").inferProcedureParams<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["subscriptions"], import("@trpc/server").ProcedureRecord>[TPath_2_1]>>], opts: import("@trpc/react/dist/createReactQueryHooks").UseTRPCSubscriptionOptions<import("@trpc/server/observable").inferObservableValue<import("@trpc/server").inferProcedureOutput<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["subscriptions"], import("@trpc/server").ProcedureRecord>[TPath_2_1]>>, import("@trpc/server").inferProcedureClientError<import("@trpc/react/dist/createReactQueryHooks").AssertType<import("@trpc/react").AssertLegacyDef<TRouter>["subscriptions"], import("@trpc/server").ProcedureRecord>[TPath_2_1]>>) => void;
52
100
  withTRPC: (AppOrPage: import("next/types").NextComponentType<any, any, any>) => import("next/types").NextComponentType<NextPageContext, {}, {}>;
53
101
  queries: TRouter["_def"]["queries"];
54
102
  };
@@ -1 +1 @@
1
- {"version":3,"file":"setupNext.d.ts","sourceRoot":"","sources":["../src/setupNext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAY,MAAM,YAAY,CAAC;AAEhF,wBAAgB,SAAS,CACvB,OAAO,SAAS,SAAS,EACzB,WAAW,SAAS,eAAe,GAAG,eAAe,EACrD,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBlE"}
1
+ {"version":3,"file":"setupNext.d.ts","sourceRoot":"","sources":["../src/setupNext.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAY,MAAM,YAAY,CAAC;AAEhF,wBAAgB,SAAS,CACvB,OAAO,SAAS,SAAS,EACzB,WAAW,SAAS,eAAe,GAAG,eAAe,EACrD,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBlE"}
@@ -2,11 +2,11 @@
2
2
  * Heavily based on urql's ssr
3
3
  * https://github.com/FormidableLabs/urql/blob/main/packages/next-urql/src/with-urql-client.ts
4
4
  */
5
+ import { QueryClient } from '@tanstack/react-query';
5
6
  import type { CreateTRPCClientOptions } from '@trpc/client/src/internals/TRPCClient';
6
7
  import { TRPCClientError } from '@trpc/react';
7
8
  import type { AnyRouter, ResponseMeta } from '@trpc/server';
8
9
  import { NextComponentType, NextPageContext } from 'next/dist/shared/lib/utils';
9
- import { QueryClient } from 'react-query';
10
10
  declare type QueryClientConfig = ConstructorParameters<typeof QueryClient>[0];
11
11
  export declare type WithTRPCConfig<TRouter extends AnyRouter> = CreateTRPCClientOptions<TRouter> & {
12
12
  queryClientConfig?: QueryClientConfig;
@@ -1 +1 @@
1
- {"version":3,"file":"withTRPC.d.ts","sourceRoot":"","sources":["../src/withTRPC.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AACrF,OAAO,EAEL,eAAe,EAIhB,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,SAAS,EAAe,YAAY,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAGL,iBAAiB,EACjB,eAAe,EAChB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAGL,WAAW,EAGZ,MAAM,aAAa,CAAC;AAGrB,aAAK,iBAAiB,GAAG,qBAAqB,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;AAwBtE,oBAAY,cAAc,CAAC,OAAO,SAAS,SAAS,IAClD,uBAAuB,CAAC,OAAO,CAAC,GAAG;IACjC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC,CAAC;AAEJ,UAAU,eAAe,CAAC,OAAO,SAAS,SAAS;IACjD,MAAM,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,CAAC,EAAE,eAAe,CAAA;KAAE,KAAK,cAAc,CAAC,OAAO,CAAC,CAAC;CACtE;AAED,MAAM,WAAW,kBAAkB,CAAC,OAAO,SAAS,SAAS,CAC3D,SAAQ,eAAe,CAAC,OAAO,CAAC;IAChC,GAAG,EAAE,IAAI,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QACpB,GAAG,EAAE,eAAe,CAAC;QACrB,YAAY,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC;KAC1C,KAAK,YAAY,CAAC;CACpB;AACD,MAAM,WAAW,oBAAoB,CAAC,OAAO,SAAS,SAAS,CAC7D,SAAQ,eAAe,CAAC,OAAO,CAAC;IAChC,GAAG,CAAC,EAAE,KAAK,CAAC;CACb;AAED,wBAAgB,QAAQ,CACtB,OAAO,SAAS,SAAS,EACzB,WAAW,SAAS,eAAe,GAAG,eAAe,EACrD,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC,OAAO,CAAC,eAU9C,kBAAkB,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,KAAG,iBAAiB,CA2KxE"}
1
+ {"version":3,"file":"withTRPC.d.ts","sourceRoot":"","sources":["../src/withTRPC.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAGL,WAAW,EAGZ,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AACrF,OAAO,EAEL,eAAe,EAIhB,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,SAAS,EAAe,YAAY,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAGL,iBAAiB,EACjB,eAAe,EAChB,MAAM,4BAA4B,CAAC;AAIpC,aAAK,iBAAiB,GAAG,qBAAqB,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;AAwBtE,oBAAY,cAAc,CAAC,OAAO,SAAS,SAAS,IAClD,uBAAuB,CAAC,OAAO,CAAC,GAAG;IACjC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC,CAAC;AAEJ,UAAU,eAAe,CAAC,OAAO,SAAS,SAAS;IACjD,MAAM,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,CAAC,EAAE,eAAe,CAAA;KAAE,KAAK,cAAc,CAAC,OAAO,CAAC,CAAC;CACtE;AAED,MAAM,WAAW,kBAAkB,CAAC,OAAO,SAAS,SAAS,CAC3D,SAAQ,eAAe,CAAC,OAAO,CAAC;IAChC,GAAG,EAAE,IAAI,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QACpB,GAAG,EAAE,eAAe,CAAC;QACrB,YAAY,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC;KAC1C,KAAK,YAAY,CAAC;CACpB;AACD,MAAM,WAAW,oBAAoB,CAAC,OAAO,SAAS,SAAS,CAC7D,SAAQ,eAAe,CAAC,OAAO,CAAC;IAChC,GAAG,CAAC,EAAE,KAAK,CAAC;CACb;AAED,wBAAgB,QAAQ,CACtB,OAAO,SAAS,SAAS,EACzB,WAAW,SAAS,eAAe,GAAG,eAAe,EACrD,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC,OAAO,CAAC,eAU9C,kBAAkB,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,KAAG,iBAAiB,CA2KxE"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trpc/next",
3
- "version": "10.0.0-alpha.41",
3
+ "version": "10.0.0-alpha.44",
4
4
  "description": "tRPC Next lib",
5
5
  "author": "KATT",
6
6
  "license": "MIT",
@@ -38,32 +38,32 @@
38
38
  }
39
39
  },
40
40
  "peerDependencies": {
41
- "@trpc/client": "10.0.0-alpha.41",
42
- "@trpc/react": "10.0.0-alpha.41",
43
- "@trpc/server": "10.0.0-alpha.41",
41
+ "@tanstack/react-query": "^4.0.10",
42
+ "@trpc/client": "10.0.0-alpha.44",
43
+ "@trpc/react": "10.0.0-alpha.44",
44
+ "@trpc/server": "10.0.0-alpha.44",
44
45
  "next": "*",
45
46
  "react": ">=16.8.0",
46
- "react-dom": ">=16.8.0",
47
- "react-query": "^3.37.0"
47
+ "react-dom": ">=16.8.0"
48
48
  },
49
49
  "dependencies": {
50
50
  "@babel/runtime": "^7.9.0",
51
51
  "react-ssr-prepass": "^1.5.0"
52
52
  },
53
53
  "devDependencies": {
54
- "@trpc/client": "10.0.0-alpha.41",
55
- "@trpc/react": "10.0.0-alpha.41",
56
- "@trpc/server": "10.0.0-alpha.41",
54
+ "@tanstack/react-query": "^4.0.10",
55
+ "@trpc/client": "10.0.0-alpha.44",
56
+ "@trpc/react": "10.0.0-alpha.44",
57
+ "@trpc/server": "10.0.0-alpha.44",
57
58
  "@types/express": "^4.17.12",
58
59
  "express": "^4.17.1",
59
60
  "next": "^12.1.6",
60
61
  "react": "^18.1.0",
61
62
  "react-dom": "^18.1.0",
62
- "react-query": "^3.39.2",
63
63
  "zod": "^3.0.0"
64
64
  },
65
65
  "publishConfig": {
66
66
  "access": "public"
67
67
  },
68
- "gitHead": "927344f2dd01312598720f0165a8f7ad3972761d"
68
+ "gitHead": "02ec6d14567380810f64ffbd82f18f8dcde07fd4"
69
69
  }
package/src/withTRPC.tsx CHANGED
@@ -2,6 +2,13 @@
2
2
  * Heavily based on urql's ssr
3
3
  * https://github.com/FormidableLabs/urql/blob/main/packages/next-urql/src/with-urql-client.ts
4
4
  */
5
+ import {
6
+ DehydratedState,
7
+ Hydrate,
8
+ QueryClient,
9
+ QueryClientProvider,
10
+ dehydrate,
11
+ } from '@tanstack/react-query';
5
12
  import type { CreateTRPCClientOptions } from '@trpc/client/src/internals/TRPCClient';
6
13
  import {
7
14
  TRPCClient,
@@ -18,13 +25,6 @@ import {
18
25
  NextPageContext,
19
26
  } from 'next/dist/shared/lib/utils';
20
27
  import React, { createElement, useState } from 'react';
21
- import {
22
- DehydratedState,
23
- Hydrate,
24
- QueryClient,
25
- QueryClientProvider,
26
- dehydrate,
27
- } from 'react-query';
28
28
  import ssrPrepass from 'react-ssr-prepass';
29
29
 
30
30
  type QueryClientConfig = ConstructorParameters<typeof QueryClient>[0];