@trpc/next 9.17.1 → 10.0.0-alpha.3

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './withTRPC';
+export * from './setupNext';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}

package/dist/{trpc-next.cjs.dev.js → index.js}

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var react = require('@trpc/react');
 var React = require('react');
@@ -13,11 +13,19 @@ var reactQuery = require('react-query');
 var hydration = require('react-query/hydration');
 var ssrPrepass = require('react-ssr-prepass');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
-var React__default = /*#__PURE__*/_interopDefault(React);
-var ssrPrepass__default = /*#__PURE__*/_interopDefault(ssrPrepass);
+var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var ssrPrepass__default = /*#__PURE__*/_interopDefaultLegacy(ssrPrepass);
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function transformQueryOrMutationCacheErrors(result) {
   var error = result.state.error;
@@ -41,7 +49,7 @@ function transformQueryOrMutationCacheErrors(result) {
 function withTRPC(opts) {
   var getClientConfig = opts.config;
   return function (AppOrPage) {
-    var trpc = react.createReactQueryHooks();
+    var trpc = react.createReactQueryHooks(opts);
 
     var WithTRPC = function WithTRPC(props) {
       var _props$pageProps;
@@ -61,34 +69,34 @@ function withTRPC(opts) {
           ssrContext: null
         };
       }),
-          _useState2 = _slicedToArray(_useState, 1),
+          _useState2 = _slicedToArray__default["default"](_useState, 1),
           _useState2$ = _useState2[0],
           queryClient = _useState2$.queryClient,
           trpcClient = _useState2$.trpcClient,
           isPrepass = _useState2$.isPrepass,
           ssrContext = _useState2$.ssrContext;
 
-      var hydratedState = trpc.useDehydratedState(trpcClient, (_props$pageProps = props.pageProps) === null || _props$pageProps === void 0 ? void 0 : _props$pageProps.trpcState);
-      return /*#__PURE__*/React__default['default'].createElement(trpc.Provider, {
+      var hydratedState = trpc.useDehydratedState((_props$pageProps = props.pageProps) === null || _props$pageProps === void 0 ? void 0 : _props$pageProps.trpcState);
+      return /*#__PURE__*/React__default["default"].createElement(trpc.Provider, {
         client: trpcClient,
         queryClient: queryClient,
         isPrepass: isPrepass,
         ssrContext: ssrContext
-      }, /*#__PURE__*/React__default['default'].createElement(reactQuery.QueryClientProvider, {
+      }, /*#__PURE__*/React__default["default"].createElement(reactQuery.QueryClientProvider, {
         client: queryClient
-      }, /*#__PURE__*/React__default['default'].createElement(hydration.Hydrate, {
+      }, /*#__PURE__*/React__default["default"].createElement(hydration.Hydrate, {
         state: hydratedState
-      }, /*#__PURE__*/React__default['default'].createElement(AppOrPage, props))));
+      }, /*#__PURE__*/React__default["default"].createElement(AppOrPage, props))));
     };
 
     if (AppOrPage.getInitialProps || opts.ssr) {
       WithTRPC.getInitialProps = /*#__PURE__*/function () {
-        var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee(appOrPageCtx) {
-          var _opts$responseMeta;
+        var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(appOrPageCtx) {
+          var _opts$responseMeta, _opts$responseMeta2;
 
           var AppTree, isApp, ctx, pageProps, _originalProps$pagePr, originalProps, originalPageProps, getAppTreeProps, config, trpcClient, queryClient, trpcProp, prepassProps, dehydratedCache, dehydratedCacheWithErrors, appTreeProps, meta, _i, _Object$entries, _Object$entries$_i, key, value, _ctx$res;
 
-          return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
+          return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
             while (1) {
               switch (_context.prev = _context.next) {
                 case 0:
@@ -148,7 +156,7 @@ function withTRPC(opts) {
                 case 18:
 
                   _context.next = 21;
-                  return ssrPrepass__default['default']( /*#__PURE__*/React.createElement(AppTree, prepassProps));
+                  return ssrPrepass__default["default"]( /*#__PURE__*/React.createElement(AppTree, prepassProps));
 
                 case 21:
                   if (queryClient.isFetching()) {
@@ -186,19 +194,19 @@ function withTRPC(opts) {
                     mutations: dehydratedCache.mutations.map(transformQueryOrMutationCacheErrors)
                   }); // dehydrate query client's state and add it to the props
 
-                  pageProps.trpcState = trpcClient.runtime.transformer.serialize(dehydratedCacheWithErrors);
+                  pageProps.trpcState = opts.transformer ? opts.transformer.serialize(dehydratedCacheWithErrors) : dehydratedCacheWithErrors;
                   appTreeProps = getAppTreeProps(pageProps);
-                  meta = ((_opts$responseMeta = opts.responseMeta) === null || _opts$responseMeta === void 0 ? void 0 : _opts$responseMeta.call(opts, {
+                  meta = (_opts$responseMeta = (_opts$responseMeta2 = opts.responseMeta) === null || _opts$responseMeta2 === void 0 ? void 0 : _opts$responseMeta2.call(opts, {
                     ctx: ctx,
-                    clientErrors: [].concat(_toConsumableArray(dehydratedCache.queries), _toConsumableArray(dehydratedCache.mutations)).map(function (v) {
+                    clientErrors: [].concat(_toConsumableArray__default["default"](dehydratedCache.queries), _toConsumableArray__default["default"](dehydratedCache.mutations)).map(function (v) {
                       return v.state.error;
                     }).flatMap(function (err) {
                       return err instanceof Error && err.name === 'TRPCClientError' ? [err] : [];
                     })
-                  })) || {};
+                  })) !== null && _opts$responseMeta !== void 0 ? _opts$responseMeta : {};
 
-                  for (_i = 0, _Object$entries = Object.entries(meta.headers || {}); _i < _Object$entries.length; _i++) {
-                    _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2), key = _Object$entries$_i[0], value = _Object$entries$_i[1];
+                  for (_i = 0, _Object$entries = Object.entries(meta); _i < _Object$entries.length; _i++) {
+                    _Object$entries$_i = _slicedToArray__default["default"](_Object$entries[_i], 2), key = _Object$entries$_i[0], value = _Object$entries$_i[1];
 
                     if (typeof value === 'string') {
                       (_ctx$res = ctx.res) === null || _ctx$res === void 0 ? void 0 : _ctx$res.setHeader(key, value);
@@ -231,4 +239,20 @@ function withTRPC(opts) {
   };
 }
 
+function setupTRPC(opts) {
+  var hooks = react.createReactQueryHooks(opts);
+
+  var _withTRPC = withTRPC(opts);
+
+  return {
+    useContext: hooks.useContext,
+    useInfiniteQuery: hooks.useInfiniteQuery,
+    useMutation: hooks.useMutation,
+    useQuery: hooks.useQuery,
+    useSubscription: hooks.useSubscription,
+    withTRPC: _withTRPC
+  };
+}
+
+exports.setupTRPC = setupTRPC;
 exports.withTRPC = withTRPC;

package/dist/{trpc-next.esm.js → index.mjs}

@@ -1,7 +1,7 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import _asyncToGenerator from '@babel/runtime/helpers/esm/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { createReactQueryHooks, createTRPCClient } from '@trpc/react';
 import React, { useState, createElement } from 'react';
@@ -9,6 +9,10 @@ import { QueryClient, QueryClientProvider } from 'react-query';
 import { Hydrate, dehydrate } from 'react-query/hydration';
 import ssrPrepass from 'react-ssr-prepass';
 
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function transformQueryOrMutationCacheErrors(result) {
   var error = result.state.error;
 
@@ -31,7 +35,7 @@ function transformQueryOrMutationCacheErrors(result) {
 function withTRPC(opts) {
   var getClientConfig = opts.config;
   return function (AppOrPage) {
-    var trpc = createReactQueryHooks();
+    var trpc = createReactQueryHooks(opts);
 
     var WithTRPC = function WithTRPC(props) {
       var _props$pageProps;
@@ -58,7 +62,7 @@ function withTRPC(opts) {
           isPrepass = _useState2$.isPrepass,
           ssrContext = _useState2$.ssrContext;
 
-      var hydratedState = trpc.useDehydratedState(trpcClient, (_props$pageProps = props.pageProps) === null || _props$pageProps === void 0 ? void 0 : _props$pageProps.trpcState);
+      var hydratedState = trpc.useDehydratedState((_props$pageProps = props.pageProps) === null || _props$pageProps === void 0 ? void 0 : _props$pageProps.trpcState);
       return /*#__PURE__*/React.createElement(trpc.Provider, {
         client: trpcClient,
         queryClient: queryClient,
@@ -74,7 +78,7 @@ function withTRPC(opts) {
     if (AppOrPage.getInitialProps || opts.ssr) {
       WithTRPC.getInitialProps = /*#__PURE__*/function () {
         var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appOrPageCtx) {
-          var _opts$responseMeta;
+          var _opts$responseMeta, _opts$responseMeta2;
 
           var AppTree, isApp, ctx, pageProps, _originalProps$pagePr, originalProps, originalPageProps, getAppTreeProps, config, trpcClient, queryClient, trpcProp, prepassProps, dehydratedCache, dehydratedCacheWithErrors, appTreeProps, meta, _i, _Object$entries, _Object$entries$_i, key, value, _ctx$res;
 
@@ -176,18 +180,18 @@ function withTRPC(opts) {
                     mutations: dehydratedCache.mutations.map(transformQueryOrMutationCacheErrors)
                   }); // dehydrate query client's state and add it to the props
 
-                  pageProps.trpcState = trpcClient.runtime.transformer.serialize(dehydratedCacheWithErrors);
+                  pageProps.trpcState = opts.transformer ? opts.transformer.serialize(dehydratedCacheWithErrors) : dehydratedCacheWithErrors;
                   appTreeProps = getAppTreeProps(pageProps);
-                  meta = ((_opts$responseMeta = opts.responseMeta) === null || _opts$responseMeta === void 0 ? void 0 : _opts$responseMeta.call(opts, {
+                  meta = (_opts$responseMeta = (_opts$responseMeta2 = opts.responseMeta) === null || _opts$responseMeta2 === void 0 ? void 0 : _opts$responseMeta2.call(opts, {
                     ctx: ctx,
                     clientErrors: [].concat(_toConsumableArray(dehydratedCache.queries), _toConsumableArray(dehydratedCache.mutations)).map(function (v) {
                       return v.state.error;
                     }).flatMap(function (err) {
                       return err instanceof Error && err.name === 'TRPCClientError' ? [err] : [];
                     })
-                  })) || {};
+                  })) !== null && _opts$responseMeta !== void 0 ? _opts$responseMeta : {};
 
-                  for (_i = 0, _Object$entries = Object.entries(meta.headers || {}); _i < _Object$entries.length; _i++) {
+                  for (_i = 0, _Object$entries = Object.entries(meta); _i < _Object$entries.length; _i++) {
                     _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2), key = _Object$entries$_i[0], value = _Object$entries$_i[1];
 
                     if (typeof value === 'string') {
@@ -221,4 +225,19 @@ function withTRPC(opts) {
   };
 }
 
-export { withTRPC };
+function setupTRPC(opts) {
+  var hooks = createReactQueryHooks(opts);
+
+  var _withTRPC = withTRPC(opts);
+
+  return {
+    useContext: hooks.useContext,
+    useInfiniteQuery: hooks.useInfiniteQuery,
+    useMutation: hooks.useMutation,
+    useQuery: hooks.useQuery,
+    useSubscription: hooks.useSubscription,
+    withTRPC: _withTRPC
+  };
+}
+
+export { setupTRPC, withTRPC };

package/dist/index.ts.js

@@ -0,0 +1 @@
+

package/dist/setupNext.d.ts

@@ -0,0 +1,50 @@
+import { AnyRouter } from '@trpc/server';
+import { WithTRPCNoSSROptions, WithTRPCSSROptions } from './withTRPC';
+export declare function setupTRPC<TRouter extends AnyRouter>(opts: WithTRPCNoSSROptions<TRouter> | WithTRPCSSROptions<TRouter>): {
+    useContext: () => import("@trpc/react").TRPCContextState<TRouter, unknown>;
+    useInfiniteQuery: <TPath_3 extends { [TPath in keyof TRouter["_def"]["queries"]]: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath]> extends {
+        cursor?: any;
+    } ? TPath : never; }[keyof TRouter["_def"]["queries"]] & string>(pathAndInput: [path: TPath_3, input: Omit<{ [TPath_1 in keyof TRouter["_def"]["queries"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_1]["call"]>>;
+    }; }[TPath_3]["input"], "cursor">], opts?: import("@trpc/react").UseTRPCInfiniteQueryOptions<TPath_3, Omit<{ [TPath_1 in keyof TRouter["_def"]["queries"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_1]["call"]>>;
+    }; }[TPath_3]["input"], "cursor">, { [TPath_1 in keyof TRouter["_def"]["queries"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_1]["call"]>>;
+    }; }[TPath_3]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>> | undefined) => import("react-query").UseInfiniteQueryResult<{ [TPath_1 in keyof TRouter["_def"]["queries"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_1]["call"]>>;
+    }; }[TPath_3]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>>;
+    useMutation: <TPath_1 extends keyof TRouter["_def"]["mutations"] & string>(path: TPath_1 | [TPath_1], opts?: import("@trpc/react").UseTRPCMutationOptions<{ [TPath_2 in keyof TRouter["_def"]["mutations"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["mutations"][TPath_2]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["mutations"][TPath_2]["call"]>>;
+    }; }[TPath_1]["input"], import("@trpc/react").TRPCClientErrorLike<TRouter>, { [TPath_2 in keyof TRouter["_def"]["mutations"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["mutations"][TPath_2]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["mutations"][TPath_2]["call"]>>;
+    }; }[TPath_1]["output"]> | undefined) => import("react-query").UseMutationResult<{ [TPath_2 in keyof TRouter["_def"]["mutations"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["mutations"][TPath_2]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["mutations"][TPath_2]["call"]>>;
+    }; }[TPath_1]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>, { [TPath_2 in keyof TRouter["_def"]["mutations"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["mutations"][TPath_2]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["mutations"][TPath_2]["call"]>>;
+    }; }[TPath_1]["input"], unknown>;
+    useQuery: <TPath_4 extends keyof TRouter["_def"]["queries"] & string>(pathAndInput: [path: TPath_4, ...args: import("@trpc/server").inferHandlerInput<TRouter["_def"]["queries"][TPath_4]>], opts?: import("@trpc/react").UseTRPCQueryOptions<TPath_4, { [TPath_1 in keyof TRouter["_def"]["queries"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_1]["call"]>>;
+    }; }[TPath_4]["input"], { [TPath_1 in keyof TRouter["_def"]["queries"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_1]["call"]>>;
+    }; }[TPath_4]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>> | undefined) => import("react-query").UseQueryResult<{ [TPath_1 in keyof TRouter["_def"]["queries"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_1]["call"]>>;
+    }; }[TPath_4]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>>;
+    useSubscription: <TPath_2 extends keyof TRouter["_def"]["subscriptions"] & string, TOutput extends ReturnType<import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["subscriptions"][TPath_2]["call"]>>["output"]>>(pathAndInput: [path: TPath_2, ...args: import("@trpc/server").inferHandlerInput<TRouter["_def"]["subscriptions"][TPath_2]>], opts: {
+        enabled?: boolean | undefined;
+        error?: ((err: import("@trpc/react").TRPCClientErrorLike<TRouter>) => void) | undefined;
+        next: (data: TOutput) => void;
+    }) => void;
+    withTRPC: (AppOrPage: import("next").NextComponentType<any, any, any>) => import("next").NextComponentType<import("next").NextPageContext, {}, {}>;
+};
+//# sourceMappingURL=setupNext.d.ts.map

package/dist/setupNext.d.ts.map

@@ -0,0 +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,oBAAoB,EAAE,kBAAkB,EAAY,MAAM,YAAY,CAAC;AAEhF,wBAAgB,SAAS,CAAC,OAAO,SAAS,SAAS,EACjD,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYlE"}

package/dist/{declarations/src/withTRPC.d.ts → withTRPC.d.ts}

@@ -1,27 +1,31 @@
-/**
- * Heavily based on urql's ssr
- * https://github.com/FormidableLabs/urql/blob/main/packages/next-urql/src/with-urql-client.ts
- */
-import { CreateTRPCClientOptions, TRPCClientError } from '@trpc/react';
-import type { AnyRouter, ResponseMeta } from '@trpc/server';
-import { NextComponentType, NextPageContext } from 'next/dist/shared/lib/utils';
-import { QueryClient } from 'react-query';
-declare type QueryClientConfig = ConstructorParameters<typeof QueryClient>[0];
-export declare type WithTRPCConfig<TRouter extends AnyRouter> = CreateTRPCClientOptions<TRouter> & {
-    queryClientConfig?: QueryClientConfig;
-};
-export declare function withTRPC<TRouter extends AnyRouter>(opts: {
-    config: (info: {
-        ctx?: NextPageContext;
-    }) => WithTRPCConfig<TRouter>;
-} & ({
-    ssr?: false;
-} | {
-    ssr: true;
-    responseMeta?: (opts: {
-        ctx: NextPageContext;
-        clientErrors: TRPCClientError<TRouter>[];
-    }) => ResponseMeta;
-})): (AppOrPage: NextComponentType<any, any, any>) => NextComponentType;
-export {};
+/**
+ * Heavily based on urql's ssr
+ * https://github.com/FormidableLabs/urql/blob/main/packages/next-urql/src/with-urql-client.ts
+ */
+import { TRPCClientError, CreateReactQueryHooksOptions } from '@trpc/react';
+import type { AnyRouter, ResponseMeta } from '@trpc/server';
+import { NextComponentType, NextPageContext } from 'next/dist/shared/lib/utils';
+import type { CreateTRPCClientOptions } from '@trpc/client/src/internals/TRPCClient';
+import { QueryClient } from 'react-query';
+declare type QueryClientConfig = ConstructorParameters<typeof QueryClient>[0];
+export declare type WithTRPCConfig<TRouter extends AnyRouter> = CreateTRPCClientOptions<TRouter> & {
+    queryClientConfig?: QueryClientConfig;
+};
+interface WithTRPCOptions<TRouter extends AnyRouter> extends CreateReactQueryHooksOptions {
+    config: (info: {
+        ctx?: NextPageContext;
+    }) => WithTRPCConfig<TRouter>;
+}
+export interface WithTRPCSSROptions<TRouter extends AnyRouter> extends WithTRPCOptions<TRouter> {
+    ssr: true;
+    responseMeta?: (opts: {
+        ctx: NextPageContext;
+        clientErrors: TRPCClientError<TRouter>[];
+    }) => ResponseMeta;
+}
+export interface WithTRPCNoSSROptions<TRouter extends AnyRouter> extends WithTRPCOptions<TRouter> {
+    ssr?: false;
+}
+export declare function withTRPC<TRouter extends AnyRouter>(opts: WithTRPCNoSSROptions<TRouter> | WithTRPCSSROptions<TRouter>): (AppOrPage: NextComponentType<any, any, any>) => NextComponentType;
+export {};
 //# sourceMappingURL=withTRPC.d.ts.map

package/dist/withTRPC.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTRPC.d.ts","sourceRoot":"","sources":["../src/withTRPC.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAIL,eAAe,EAEf,4BAA4B,EAC7B,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,SAAS,EAAe,YAAY,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAGL,iBAAiB,EACjB,eAAe,EAChB,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAErF,OAAO,EAAE,WAAW,EAAuB,MAAM,aAAa,CAAC;AAI/D,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,CACjD,SAAQ,4BAA4B;IACpC,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,CAAC,OAAO,SAAS,SAAS,EAChD,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC,OAAO,CAAC,eAW9C,kBAAkB,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,KAAG,iBAAiB,CAsKxE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trpc/next",
-  "version": "9.17.1",
+  "version": "10.0.0-alpha.3",
   "description": "tRPC Next lib",
   "author": "KATT",
   "license": "MIT",
@@ -10,15 +10,19 @@
     "url": "git+https://github.com/trpc/trpc.git",
     "directory": "packages/next"
   },
-  "preconstruct": {
-    "entrypoints": [
-      "index.ts"
-    ]
+  "scripts": {
+    "build": "rollup -c"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "typings": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
   },
-  "scripts": {},
-  "main": "dist/trpc-next.cjs.js",
-  "module": "dist/trpc-next.esm.js",
-  "typings": "dist/trpc-next.cjs.d.ts",
   "files": [
     "README.md",
     "dist",
@@ -30,9 +34,9 @@
     }
   },
   "peerDependencies": {
-    "@trpc/client": "9.17.1",
-    "@trpc/react": "9.17.1",
-    "@trpc/server": "9.17.1",
+    "@trpc/client": "10.0.0-alpha.3",
+    "@trpc/react": "10.0.0-alpha.3",
+    "@trpc/server": "10.0.0-alpha.3",
     "next": "*",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
@@ -43,9 +47,9 @@
     "react-ssr-prepass": "^1.5.0"
   },
   "devDependencies": {
-    "@trpc/client": "9.17.1",
-    "@trpc/react": "9.17.1",
-    "@trpc/server": "9.17.1",
+    "@trpc/client": "10.0.0-alpha.3",
+    "@trpc/react": "10.0.0-alpha.3",
+    "@trpc/server": "10.0.0-alpha.3",
     "@types/express": "^4.17.12",
     "express": "^4.17.1",
     "next": "^12.0.1",
@@ -57,5 +61,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d7b9442ba2979046417e49986ddcd58d54642347"
+  "gitHead": "cd71a2fe5d42efc838ae3d4cebe7a9e1a36d9110"
 }

package/src/index.ts

@@ -1 +1,2 @@
 export * from './withTRPC';
+export * from './setupNext';

package/src/setupNext.tsx

@@ -0,0 +1,18 @@
+import { createReactQueryHooks } from '@trpc/react';
+import { AnyRouter } from '@trpc/server';
+import { WithTRPCNoSSROptions, WithTRPCSSROptions, withTRPC } from './withTRPC';
+
+export function setupTRPC<TRouter extends AnyRouter>(
+  opts: WithTRPCNoSSROptions<TRouter> | WithTRPCSSROptions<TRouter>,
+) {
+  const hooks = createReactQueryHooks<TRouter>(opts);
+  const _withTRPC = withTRPC(opts);
+  return {
+    useContext: hooks.useContext,
+    useInfiniteQuery: hooks.useInfiniteQuery,
+    useMutation: hooks.useMutation,
+    useQuery: hooks.useQuery,
+    useSubscription: hooks.useSubscription,
+    withTRPC: _withTRPC,
+  };
+}

package/src/withTRPC.tsx

@@ -6,10 +6,10 @@
 import {
   createReactQueryHooks,
   createTRPCClient,
-  CreateTRPCClientOptions,
   TRPCClient,
   TRPCClientError,
   TRPCClientErrorLike,
+  CreateReactQueryHooksOptions,
 } from '@trpc/react';
 import type { AnyRouter, Dict, Maybe, ResponseMeta } from '@trpc/server';
 import {
@@ -18,6 +18,7 @@ import {
   NextComponentType,
   NextPageContext,
 } from 'next/dist/shared/lib/utils';
+import type { CreateTRPCClientOptions } from '@trpc/client/src/internals/TRPCClient';
 import React, { createElement, useState } from 'react';
 import { QueryClient, QueryClientProvider } from 'react-query';
 import { dehydrate, DehydratedState, Hydrate } from 'react-query/hydration';
@@ -52,21 +53,26 @@ export type WithTRPCConfig<TRouter extends AnyRouter> =
     queryClientConfig?: QueryClientConfig;
   };
 
+interface WithTRPCOptions<TRouter extends AnyRouter>
+  extends CreateReactQueryHooksOptions {
+  config: (info: { ctx?: NextPageContext }) => WithTRPCConfig<TRouter>;
+}
+
+export interface WithTRPCSSROptions<TRouter extends AnyRouter>
+  extends WithTRPCOptions<TRouter> {
+  ssr: true;
+  responseMeta?: (opts: {
+    ctx: NextPageContext;
+    clientErrors: TRPCClientError<TRouter>[];
+  }) => ResponseMeta;
+}
+export interface WithTRPCNoSSROptions<TRouter extends AnyRouter>
+  extends WithTRPCOptions<TRouter> {
+  ssr?: false;
+}
+
 export function withTRPC<TRouter extends AnyRouter>(
-  opts: {
-    config: (info: { ctx?: NextPageContext }) => WithTRPCConfig<TRouter>;
-  } & (
-    | {
-        ssr?: false;
-      }
-    | {
-        ssr: true;
-        responseMeta?: (opts: {
-          ctx: NextPageContext;
-          clientErrors: TRPCClientError<TRouter>[];
-        }) => ResponseMeta;
-      }
-  ),
+  opts: WithTRPCNoSSROptions<TRouter> | WithTRPCSSROptions<TRouter>,
 ) {
   const { config: getClientConfig } = opts;
 
@@ -78,7 +84,7 @@ export function withTRPC<TRouter extends AnyRouter>(
     ssrContext: NextPageContext;
   };
   return (AppOrPage: NextComponentType<any, any, any>): NextComponentType => {
-    const trpc = createReactQueryHooks<TRouter, NextPageContext>();
+    const trpc = createReactQueryHooks<TRouter, NextPageContext>(opts);
 
     const WithTRPC = (
       props: AppPropsType & {
@@ -102,10 +108,7 @@ export function withTRPC<TRouter extends AnyRouter>(
         },
       );
 
-      const hydratedState = trpc.useDehydratedState(
-        trpcClient,
-        props.pageProps?.trpcState,
-      );
+      const hydratedState = trpc.useDehydratedState(props.pageProps?.trpcState);
 
       return (
         <trpc.Provider
@@ -154,6 +157,7 @@ export function withTRPC<TRouter extends AnyRouter>(
         if (typeof window !== 'undefined' || !opts.ssr) {
           return getAppTreeProps(pageProps);
         }
+
         const config = getClientConfig({ ctx });
         const trpcClient = createTRPCClient(config);
         const queryClient = new QueryClient(config.queryClientConfig);
@@ -207,9 +211,9 @@ export function withTRPC<TRouter extends AnyRouter>(
           ),
         };
         // dehydrate query client's state and add it to the props
-        pageProps.trpcState = trpcClient.runtime.transformer.serialize(
-          dehydratedCacheWithErrors,
-        );
+        pageProps.trpcState = opts.transformer
+          ? opts.transformer.serialize(dehydratedCacheWithErrors)
+          : dehydratedCacheWithErrors;
 
         const appTreeProps = getAppTreeProps(pageProps);
 
@@ -226,9 +230,9 @@ export function withTRPC<TRouter extends AnyRouter>(
                   ? [err as TRPCClientError<TRouter>]
                   : [],
               ),
-          }) || {};
+          }) ?? {};
 
-        for (const [key, value] of Object.entries(meta.headers || {})) {
+        for (const [key, value] of Object.entries(meta)) {
           if (typeof value === 'string') {
             ctx.res?.setHeader(key, value);
           }

package/dist/declarations/src/index.d.ts

@@ -1,2 +0,0 @@
-export * from './withTRPC';
-//# sourceMappingURL=index.d.ts.map

package/dist/declarations/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"../../../src","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/declarations/src/withTRPC.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"withTRPC.d.ts","sourceRoot":"../../../src","sources":["withTRPC.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAGL,uBAAuB,EAEvB,eAAe,EAEhB,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,EAAE,WAAW,EAAuB,MAAM,aAAa,CAAC;AAI/D,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,wBAAgB,QAAQ,CAAC,OAAO,SAAS,SAAS,EAChD,IAAI,EAAE;IACJ,MAAM,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,CAAC,EAAE,eAAe,CAAA;KAAE,KAAK,cAAc,CAAC,OAAO,CAAC,CAAC;CACtE,GAAG,CACA;IACE,GAAG,CAAC,EAAE,KAAK,CAAC;CACb,GACD;IACE,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,CACJ,eAWkB,kBAAkB,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,KAAG,iBAAiB,CAwKxE"}

package/dist/trpc-next.cjs.d.ts

@@ -1 +0,0 @@
-export * from "./declarations/src/index";

package/dist/trpc-next.cjs.js

@@ -1,7 +0,0 @@
-'use strict';
-
-if (process.env.NODE_ENV === "production") {
-  module.exports = require("./trpc-next.cjs.prod.js");
-} else {
-  module.exports = require("./trpc-next.cjs.dev.js");
-}

package/dist/trpc-next.cjs.prod.js

@@ -1,234 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var _regeneratorRuntime = require('@babel/runtime/regenerator');
-var react = require('@trpc/react');
-var React = require('react');
-var reactQuery = require('react-query');
-var hydration = require('react-query/hydration');
-var ssrPrepass = require('react-ssr-prepass');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
-var React__default = /*#__PURE__*/_interopDefault(React);
-var ssrPrepass__default = /*#__PURE__*/_interopDefault(ssrPrepass);
-
-function transformQueryOrMutationCacheErrors(result) {
-  var error = result.state.error;
-
-  if (error instanceof Error && error.name === 'TRPCClientError') {
-    var newError = {
-      message: error.message,
-      data: error.data,
-      shape: error.shape
-    };
-    return _objectSpread(_objectSpread({}, result), {}, {
-      state: _objectSpread(_objectSpread({}, result.state), {}, {
-        error: newError
-      })
-    });
-  }
-
-  return result;
-}
-
-function withTRPC(opts) {
-  var getClientConfig = opts.config;
-  return function (AppOrPage) {
-    var trpc = react.createReactQueryHooks();
-
-    var WithTRPC = function WithTRPC(props) {
-      var _props$pageProps;
-
-      var _useState = React.useState(function () {
-        if (props.trpc) {
-          return props.trpc;
-        }
-
-        var config = getClientConfig({});
-        var queryClient = new reactQuery.QueryClient(config.queryClientConfig);
-        var trpcClient = trpc.createClient(config);
-        return {
-          queryClient: queryClient,
-          trpcClient: trpcClient,
-          isPrepass: false,
-          ssrContext: null
-        };
-      }),
-          _useState2 = _slicedToArray(_useState, 1),
-          _useState2$ = _useState2[0],
-          queryClient = _useState2$.queryClient,
-          trpcClient = _useState2$.trpcClient,
-          isPrepass = _useState2$.isPrepass,
-          ssrContext = _useState2$.ssrContext;
-
-      var hydratedState = trpc.useDehydratedState(trpcClient, (_props$pageProps = props.pageProps) === null || _props$pageProps === void 0 ? void 0 : _props$pageProps.trpcState);
-      return /*#__PURE__*/React__default['default'].createElement(trpc.Provider, {
-        client: trpcClient,
-        queryClient: queryClient,
-        isPrepass: isPrepass,
-        ssrContext: ssrContext
-      }, /*#__PURE__*/React__default['default'].createElement(reactQuery.QueryClientProvider, {
-        client: queryClient
-      }, /*#__PURE__*/React__default['default'].createElement(hydration.Hydrate, {
-        state: hydratedState
-      }, /*#__PURE__*/React__default['default'].createElement(AppOrPage, props))));
-    };
-
-    if (AppOrPage.getInitialProps || opts.ssr) {
-      WithTRPC.getInitialProps = /*#__PURE__*/function () {
-        var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee(appOrPageCtx) {
-          var _opts$responseMeta;
-
-          var AppTree, isApp, ctx, pageProps, _originalProps$pagePr, originalProps, originalPageProps, getAppTreeProps, config, trpcClient, queryClient, trpcProp, prepassProps, dehydratedCache, dehydratedCacheWithErrors, appTreeProps, meta, _i, _Object$entries, _Object$entries$_i, key, value, _ctx$res;
-
-          return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  AppTree = appOrPageCtx.AppTree; // Determine if we are wrapping an App component or a Page component.
-
-                  isApp = !!appOrPageCtx.Component;
-                  ctx = isApp ? appOrPageCtx.ctx : appOrPageCtx; // Run the wrapped component's getInitialProps function.
-
-                  pageProps = {};
-
-                  if (!AppOrPage.getInitialProps) {
-                    _context.next = 10;
-                    break;
-                  }
-
-                  _context.next = 7;
-                  return AppOrPage.getInitialProps(appOrPageCtx);
-
-                case 7:
-                  originalProps = _context.sent;
-                  originalPageProps = isApp ? (_originalProps$pagePr = originalProps.pageProps) !== null && _originalProps$pagePr !== void 0 ? _originalProps$pagePr : {} : originalProps;
-                  pageProps = _objectSpread(_objectSpread({}, originalPageProps), pageProps);
-
-                case 10:
-                  getAppTreeProps = function getAppTreeProps(props) {
-                    return isApp ? {
-                      pageProps: props
-                    } : props;
-                  };
-
-                  if (!(typeof window !== 'undefined' || !opts.ssr)) {
-                    _context.next = 13;
-                    break;
-                  }
-
-                  return _context.abrupt("return", getAppTreeProps(pageProps));
-
-                case 13:
-                  config = getClientConfig({
-                    ctx: ctx
-                  });
-                  trpcClient = react.createTRPCClient(config);
-                  queryClient = new reactQuery.QueryClient(config.queryClientConfig);
-                  trpcProp = {
-                    config: config,
-                    trpcClient: trpcClient,
-                    queryClient: queryClient,
-                    isPrepass: true,
-                    ssrContext: ctx
-                  };
-                  prepassProps = {
-                    pageProps: pageProps,
-                    trpc: trpcProp
-                  }; // Run the prepass step on AppTree. This will run all trpc queries on the server.
-                  // multiple prepass ensures that we can do batching on the server
-
-                case 18:
-
-                  _context.next = 21;
-                  return ssrPrepass__default['default']( /*#__PURE__*/React.createElement(AppTree, prepassProps));
-
-                case 21:
-                  if (queryClient.isFetching()) {
-                    _context.next = 23;
-                    break;
-                  }
-
-                  return _context.abrupt("break", 27);
-
-                case 23:
-                  _context.next = 25;
-                  return new Promise(function (resolve) {
-                    var unsub = queryClient.getQueryCache().subscribe(function (event) {
-                      if ((event === null || event === void 0 ? void 0 : event.query.getObserversCount()) === 0) {
-                        resolve();
-                        unsub();
-                      }
-                    });
-                  });
-
-                case 25:
-                  _context.next = 18;
-                  break;
-
-                case 27:
-                  dehydratedCache = hydration.dehydrate(queryClient, {
-                    shouldDehydrateQuery: function shouldDehydrateQuery() {
-                      // makes sure errors are also dehydrated
-                      return true;
-                    }
-                  }); // since error instances can't be serialized, let's make them into `TRPCClientErrorLike`-objects
-
-                  dehydratedCacheWithErrors = _objectSpread(_objectSpread({}, dehydratedCache), {}, {
-                    queries: dehydratedCache.queries.map(transformQueryOrMutationCacheErrors),
-                    mutations: dehydratedCache.mutations.map(transformQueryOrMutationCacheErrors)
-                  }); // dehydrate query client's state and add it to the props
-
-                  pageProps.trpcState = trpcClient.runtime.transformer.serialize(dehydratedCacheWithErrors);
-                  appTreeProps = getAppTreeProps(pageProps);
-                  meta = ((_opts$responseMeta = opts.responseMeta) === null || _opts$responseMeta === void 0 ? void 0 : _opts$responseMeta.call(opts, {
-                    ctx: ctx,
-                    clientErrors: [].concat(_toConsumableArray(dehydratedCache.queries), _toConsumableArray(dehydratedCache.mutations)).map(function (v) {
-                      return v.state.error;
-                    }).flatMap(function (err) {
-                      return err instanceof Error && err.name === 'TRPCClientError' ? [err] : [];
-                    })
-                  })) || {};
-
-                  for (_i = 0, _Object$entries = Object.entries(meta.headers || {}); _i < _Object$entries.length; _i++) {
-                    _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2), key = _Object$entries$_i[0], value = _Object$entries$_i[1];
-
-                    if (typeof value === 'string') {
-                      (_ctx$res = ctx.res) === null || _ctx$res === void 0 ? void 0 : _ctx$res.setHeader(key, value);
-                    }
-                  }
-
-                  if (meta.status && ctx.res) {
-                    ctx.res.statusCode = meta.status;
-                  }
-
-                  return _context.abrupt("return", appTreeProps);
-
-                case 35:
-                case "end":
-                  return _context.stop();
-              }
-            }
-          }, _callee);
-        }));
-
-        return function (_x) {
-          return _ref.apply(this, arguments);
-        };
-      }();
-    }
-
-    var displayName = AppOrPage.displayName || AppOrPage.name || 'Component';
-    WithTRPC.displayName = "withTRPC(".concat(displayName, ")");
-    return WithTRPC;
-  };
-}
-
-exports.withTRPC = withTRPC;