@trpc/next 11.0.0-next-beta.248 → 11.0.0-next-beta.249

package/dist/app-dir/create-action-hook.d.ts

@@ -1,6 +1,7 @@
 import type { CreateTRPCClientOptions, TRPCLink } from '@trpc/client';
 import { TRPCClientError } from '@trpc/client';
-import type { AnyRouter, MaybePromise, ProcedureOptions, Simplify } from '@trpc/server/unstable-core-do-not-import';
+import type { TransformerOptions } from '@trpc/client/unstable-internals';
+import type { inferRootTypes, MaybePromise, ProcedureOptions, Simplify, TRPCInferrable, TypeError } from '@trpc/server/unstable-core-do-not-import';
 import type { TRPCActionHandler } from './server';
 import type { ActionHandlerDef } from './shared';
 type MutationArgs<TDef extends ActionHandlerDef> = TDef['input'] extends void ? [input?: undefined | void, opts?: ProcedureOptions] : [input: FormData | TDef['input'], opts?: ProcedureOptions];
@@ -29,11 +30,21 @@ interface UseTRPCActionLoadingResult<TDef extends ActionHandlerDef> extends UseT
     status: 'loading';
 }
 export type UseTRPCActionResult<TDef extends ActionHandlerDef> = UseTRPCActionErrorResult<TDef> | UseTRPCActionIdleResult<TDef> | UseTRPCActionLoadingResult<TDef> | UseTRPCActionSuccessResult<TDef>;
-export declare function experimental_serverActionLink<TRouter extends AnyRouter = AnyRouter>(): TRPCLink<TRouter>;
+export declare function experimental_serverActionLink<TInferrable extends TRPCInferrable>(...args: TRPCInferrable extends TInferrable ? [
+    TypeError<'Generic parameter missing in `experimental_createActionHook<HERE>()` or experimental_serverActionLink<HERE>()'>
+] : inferRootTypes<TInferrable>['transformer'] extends true ? [
+    opts: TransformerOptions<{
+        transformer: true;
+    }>
+] : [
+    opts?: TransformerOptions<{
+        transformer: false;
+    }>
+]): TRPCLink<TInferrable>;
 interface UseTRPCActionOptions<TDef extends ActionHandlerDef> {
     onSuccess?: (result: TDef['output']) => MaybePromise<void> | void;
     onError?: (result: TRPCClientError<TDef['errorShape']>) => MaybePromise<void>;
 }
-export declare function experimental_createActionHook<TRouter extends AnyRouter>(opts: CreateTRPCClientOptions<TRouter>): <TDef extends ActionHandlerDef>(handler: TRPCActionHandler<TDef>, useActionOpts?: UseTRPCActionOptions<Simplify<TDef>> | undefined) => UseTRPCActionResult<TDef>;
+export declare function experimental_createActionHook<TInferrable extends TRPCInferrable>(opts: TRPCInferrable extends TInferrable ? TypeError<'Generic parameter missing in `experimental_createActionHook<HERE>()`'> : CreateTRPCClientOptions<TInferrable>): <TDef extends ActionHandlerDef>(handler: TRPCActionHandler<TDef>, useActionOpts?: UseTRPCActionOptions<Simplify<TDef>> | undefined) => UseTRPCActionResult<TDef>;
 export {};
 //# sourceMappingURL=create-action-hook.d.ts.map

package/dist/app-dir/create-action-hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-action-hook.d.ts","sourceRoot":"","sources":["../../src/app-dir/create-action-hook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,QAAQ,EAET,MAAM,cAAc,CAAC;AACtB,OAAO,EAA2B,eAAe,EAAE,MAAM,cAAc,CAAC;AAExE,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACT,MAAM,0CAA0C,CAAC;AAGlD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGjD,KAAK,YAAY,CAAC,IAAI,SAAS,gBAAgB,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,GACzE,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,EAAE,IAAI,CAAC,EAAE,gBAAgB,CAAC,GACnD,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAE/D,UAAU,uBAAuB,CAAC,IAAI,SAAS,gBAAgB;IAC7D,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC9C,WAAW,EAAE,CAAC,GAAG,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;CACvE;AAED,UAAU,0BAA0B,CAAC,IAAI,SAAS,gBAAgB,CAChE,SAAQ,uBAAuB,CAAC,IAAI,CAAC;IACrC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;CACnB;AAED,UAAU,wBAAwB,CAAC,IAAI,SAAS,gBAAgB,CAC9D,SAAQ,uBAAuB,CAAC,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAC3C,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,UAAU,uBAAuB,CAAC,IAAI,SAAS,gBAAgB,CAC7D,SAAQ,uBAAuB,CAAC,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,0BAA0B,CAAC,IAAI,SAAS,gBAAgB,CAChE,SAAQ,uBAAuB,CAAC,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;CACnB;AAGD,MAAM,MAAM,mBAAmB,CAAC,IAAI,SAAS,gBAAgB,IACzD,wBAAwB,CAAC,IAAI,CAAC,GAC9B,uBAAuB,CAAC,IAAI,CAAC,GAC7B,0BAA0B,CAAC,IAAI,CAAC,GAChC,0BAA0B,CAAC,IAAI,CAAC,CAAC;AAOrC,wBAAgB,6BAA6B,CAC3C,OAAO,SAAS,SAAS,GAAG,SAAS,KAClC,QAAQ,CAAC,OAAO,CAAC,CA6BrB;AAED,UAAU,oBAAoB,CAAC,IAAI,SAAS,gBAAgB;IAC1D,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,YAAY,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;CAC/E;AAGD,wBAAgB,6BAA6B,CAAC,OAAO,SAAS,SAAS,EACrE,IAAI,EAAE,uBAAuB,CAAC,OAAO,CAAC,oKA6FvC"}
+{"version":3,"file":"create-action-hook.d.ts","sourceRoot":"","sources":["../../src/app-dir/create-action-hook.tsx"],"names":[],"mappings":"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"}

package/dist/app-dir/create-action-hook.js

@@ -1,17 +1,20 @@
 'use strict';
 
 var client = require('@trpc/client');
+var unstableInternals = require('@trpc/client/unstable-internals');
 var observable = require('@trpc/server/observable');
 var unstableCoreDoNotImport = require('@trpc/server/unstable-core-do-not-import');
 var React = require('react');
 var shared = require('./shared.js');
 
 // ts-prune-ignore-next
-function experimental_serverActionLink() {
-    return (runtime)=>({ op  })=>observable.observable((observer)=>{
+function experimental_serverActionLink(...args) {
+    const [opts] = args;
+    const transformer = unstableInternals.getTransformer(opts?.transformer);
+    return ()=>({ op  })=>observable.observable((observer)=>{
                 const context = op.context;
-                context._action(shared.isFormData(op.input) ? op.input : runtime.transformer.serialize(op.input)).then((data)=>{
-                    const transformed = unstableCoreDoNotImport.transformResult(data, runtime.transformer);
+                context._action(shared.isFormData(op.input) ? op.input : transformer.input.serialize(op.input)).then((data)=>{
+                    const transformed = unstableCoreDoNotImport.transformResult(data, transformer.output);
                     if (!transformed.ok) {
                         observer.error(client.TRPCClientError.from(transformed.error, {}));
                         return;

package/dist/app-dir/create-action-hook.mjs

@@ -1,15 +1,18 @@
 import { TRPCClientError, createTRPCUntypedClient } from '@trpc/client';
+import { getTransformer } from '@trpc/client/unstable-internals';
 import { observable } from '@trpc/server/observable';
 import { transformResult } from '@trpc/server/unstable-core-do-not-import';
 import { useRef, useState, useEffect, useCallback, useMemo } from 'react';
 import { isFormData } from './shared.mjs';
 
 // ts-prune-ignore-next
-function experimental_serverActionLink() {
-    return (runtime)=>({ op  })=>observable((observer)=>{
+function experimental_serverActionLink(...args) {
+    const [opts] = args;
+    const transformer = getTransformer(opts?.transformer);
+    return ()=>({ op  })=>observable((observer)=>{
                 const context = op.context;
-                context._action(isFormData(op.input) ? op.input : runtime.transformer.serialize(op.input)).then((data)=>{
-                    const transformed = transformResult(data, runtime.transformer);
+                context._action(isFormData(op.input) ? op.input : transformer.input.serialize(op.input)).then((data)=>{
+                    const transformed = transformResult(data, transformer.output);
                     if (!transformed.ok) {
                         observer.error(TRPCClientError.from(transformed.error, {}));
                         return;

package/dist/app-dir/links/nextCache.d.ts

@@ -1,11 +1,12 @@
 import type { TRPCLink } from '@trpc/client';
-import type { AnyRouter, inferRouterContext } from '@trpc/server/unstable-core-do-not-import';
+import { type TransformerOptions } from '@trpc/client/unstable-internals';
+import type { AnyRouter, inferRootTypes, inferRouterContext } from '@trpc/server/unstable-core-do-not-import';
 type NextCacheLinkOptions<TRouter extends AnyRouter> = {
     router: TRouter;
     createContext: () => Promise<inferRouterContext<TRouter>>;
     /** how many seconds the cache should hold before revalidating */
     revalidate?: number | false;
-};
+} & TransformerOptions<inferRootTypes<TRouter>>;
 export declare function experimental_nextCacheLink<TRouter extends AnyRouter>(opts: NextCacheLinkOptions<TRouter>): TRPCLink<TRouter>;
 export {};
 //# sourceMappingURL=nextCache.d.ts.map

package/dist/app-dir/links/nextCache.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nextCache.d.ts","sourceRoot":"","sources":["../../../src/app-dir/links/nextCache.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAG7C,OAAO,KAAK,EACV,SAAS,EACT,kBAAkB,EACnB,MAAM,0CAA0C,CAAC;AAKlD,KAAK,oBAAoB,CAAC,OAAO,SAAS,SAAS,IAAI;IACrD,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,OAAO,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1D,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAC7B,CAAC;AAGF,wBAAgB,0BAA0B,CAAC,OAAO,SAAS,SAAS,EAClE,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAClC,QAAQ,CAAC,OAAO,CAAC,CAyDnB"}
+{"version":3,"file":"nextCache.d.ts","sourceRoot":"","sources":["../../../src/app-dir/links/nextCache.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,kBAAkB,EACnB,MAAM,0CAA0C,CAAC;AAKlD,KAAK,oBAAoB,CAAC,OAAO,SAAS,SAAS,IAAI;IACrD,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,OAAO,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1D,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAC7B,GAAG,kBAAkB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;AAGhD,wBAAgB,0BAA0B,CAAC,OAAO,SAAS,SAAS,EAClE,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAClC,QAAQ,CAAC,OAAO,CAAC,CA0DnB"}

package/dist/app-dir/links/nextCache.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var client = require('@trpc/client');
+var unstableInternals = require('@trpc/client/unstable-internals');
 var observable = require('@trpc/server/observable');
 var unstableCoreDoNotImport = require('@trpc/server/unstable-core-do-not-import');
 var cache = require('next/cache');
@@ -9,7 +10,8 @@ var shared = require('../shared.js');
 // import "server-only";
 // ts-prune-ignore-next
 function experimental_nextCacheLink(opts) {
-    return (runtime)=>({ op  })=>observable.observable((observer)=>{
+    const transformer = unstableInternals.getTransformer(opts.transformer);
+    return ()=>({ op  })=>observable.observable((observer)=>{
                 const { path , input , type , context  } = op;
                 const cacheTag = shared.generateCacheTag(path, input);
                 // Let per-request revalidate override global revalidate
@@ -28,7 +30,7 @@ function experimental_nextCacheLink(opts) {
                             type
                         });
                         // We need to serialize cause the cache only accepts JSON
-                        return runtime.transformer.serialize(procedureResult);
+                        return transformer.input.serialize(procedureResult);
                     };
                     if (type === 'query') {
                         return cache.unstable_cache(callProc, path.split('.'), {
@@ -43,7 +45,7 @@ function experimental_nextCacheLink(opts) {
                     observer.error(client.TRPCClientError.from(cause));
                 });
                 promise.then((data)=>{
-                    const transformedResult = runtime.transformer.deserialize(data);
+                    const transformedResult = transformer.output.deserialize(data);
                     observer.next({
                         result: {
                             data: transformedResult

package/dist/app-dir/links/nextCache.mjs

@@ -1,4 +1,5 @@
 import { TRPCClientError } from '@trpc/client';
+import { getTransformer } from '@trpc/client/unstable-internals';
 import { observable } from '@trpc/server/observable';
 import { callProcedure } from '@trpc/server/unstable-core-do-not-import';
 import { unstable_cache } from 'next/cache';
@@ -7,7 +8,8 @@ import { generateCacheTag } from '../shared.mjs';
 // import "server-only";
 // ts-prune-ignore-next
 function experimental_nextCacheLink(opts) {
-    return (runtime)=>({ op  })=>observable((observer)=>{
+    const transformer = getTransformer(opts.transformer);
+    return ()=>({ op  })=>observable((observer)=>{
                 const { path , input , type , context  } = op;
                 const cacheTag = generateCacheTag(path, input);
                 // Let per-request revalidate override global revalidate
@@ -26,7 +28,7 @@ function experimental_nextCacheLink(opts) {
                             type
                         });
                         // We need to serialize cause the cache only accepts JSON
-                        return runtime.transformer.serialize(procedureResult);
+                        return transformer.input.serialize(procedureResult);
                     };
                     if (type === 'query') {
                         return unstable_cache(callProc, path.split('.'), {
@@ -41,7 +43,7 @@ function experimental_nextCacheLink(opts) {
                     observer.error(TRPCClientError.from(cause));
                 });
                 promise.then((data)=>{
-                    const transformedResult = runtime.transformer.deserialize(data);
+                    const transformedResult = transformer.output.deserialize(data);
                     observer.next({
                         result: {
                             data: transformedResult

package/dist/app-dir/links/nextHttp.d.ts

@@ -1,15 +1,15 @@
 import type { HTTPBatchLinkOptions, HTTPLinkOptions, TRPCLink } from '@trpc/client';
-import type { AnyRouter } from '@trpc/server/unstable-core-do-not-import';
+import type { AnyRootTypes, AnyRouter } from '@trpc/server/unstable-core-do-not-import';
 interface NextLinkBaseOptions {
     revalidate?: number | false;
     batch?: boolean;
 }
-interface NextLinkSingleOptions extends NextLinkBaseOptions, Omit<HTTPLinkOptions, 'fetch'> {
+type NextLinkSingleOptions<TRoot extends AnyRootTypes> = NextLinkBaseOptions & Omit<HTTPLinkOptions<TRoot>, 'fetch'> & {
     batch?: false;
-}
-interface NextLinkBatchOptions extends NextLinkBaseOptions, Omit<HTTPBatchLinkOptions, 'fetch'> {
+};
+type NextLinkBatchOptions<TRoot extends AnyRootTypes> = NextLinkBaseOptions & Omit<HTTPBatchLinkOptions<TRoot>, 'fetch'> & {
     batch: true;
-}
-export declare function experimental_nextHttpLink<TRouter extends AnyRouter>(opts: NextLinkSingleOptions | NextLinkBatchOptions): TRPCLink<TRouter>;
+};
+export declare function experimental_nextHttpLink<TRouter extends AnyRouter>(opts: NextLinkSingleOptions<TRouter['_def']['_config']['$types']> | NextLinkBatchOptions<TRouter['_def']['_config']['$types']>): TRPCLink<TRouter>;
 export {};
 //# sourceMappingURL=nextHttp.d.ts.map

package/dist/app-dir/links/nextHttp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nextHttp.d.ts","sourceRoot":"","sources":["../../../src/app-dir/links/nextHttp.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,eAAe,EACf,QAAQ,EACT,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAG1E,UAAU,mBAAmB;IAC3B,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,UAAU,qBACR,SAAQ,mBAAmB,EACzB,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,UAAU,oBACR,SAAQ,mBAAmB,EACzB,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC;IACrC,KAAK,EAAE,IAAI,CAAC;CACb;AAGD,wBAAgB,yBAAyB,CAAC,OAAO,SAAS,SAAS,EACjE,IAAI,EAAE,qBAAqB,GAAG,oBAAoB,GACjD,QAAQ,CAAC,OAAO,CAAC,CAyCnB"}
+{"version":3,"file":"nextHttp.d.ts","sourceRoot":"","sources":["../../../src/app-dir/links/nextHttp.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,eAAe,EACf,QAAQ,EACT,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EACV,YAAY,EACZ,SAAS,EACV,MAAM,0CAA0C,CAAC;AAGlD,UAAU,mBAAmB;IAC3B,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,KAAK,qBAAqB,CAAC,KAAK,SAAS,YAAY,IAAI,mBAAmB,GAC1E,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEJ,KAAK,oBAAoB,CAAC,KAAK,SAAS,YAAY,IAAI,mBAAmB,GACzE,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IAC3C,KAAK,EAAE,IAAI,CAAC;CACb,CAAC;AAGJ,wBAAgB,yBAAyB,CAAC,OAAO,SAAS,SAAS,EACjE,IAAI,EACA,qBAAqB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,GAC3D,oBAAoB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,GAC7D,QAAQ,CAAC,OAAO,CAAC,CAyCnB"}

package/dist/app-dir/server.d.ts

@@ -1,4 +1,4 @@
-import type { AnyProcedure, AnyRootTypes, AnyRouter, inferProcedureInput, MaybePromise, RootConfig, Simplify, TRPCResponse } from '@trpc/server/unstable-core-do-not-import';
+import type { AnyProcedure, AnyRootTypes, AnyRouter, inferProcedureInput, inferRootTypes, MaybePromise, RootConfig, Simplify, TRPCResponse } from '@trpc/server/unstable-core-do-not-import';
 import type { ActionHandlerDef, CreateTRPCNextAppRouterOptions, inferActionDef } from './shared';
 import type { NextAppDirDecorateRouterRecord } from './types';
 export declare function experimental_createTRPCNextAppDirServer<TRouter extends AnyRouter>(opts: CreateTRPCNextAppRouterOptions<TRouter>): NextAppDirDecorateRouterRecord<TRouter["_def"]["_config"]["$types"], TRouter["_def"]["record"]>;
@@ -9,7 +9,7 @@ export type TRPCActionHandler<TDef extends ActionHandlerDef> = (input: FormData
 export declare function experimental_createServerActionHandler<TInstance extends {
     _config: RootConfig<AnyRootTypes>;
 }>(t: TInstance, opts: {
-    createContext: () => MaybePromise<TInstance['_config']['$types']['ctx']>;
+    createContext: () => MaybePromise<inferRootTypes<TInstance>['ctx']>;
     /**
      * Transform form data to a `Record` before passing it to the procedure
      * @default true
@@ -18,7 +18,7 @@ export declare function experimental_createServerActionHandler<TInstance extends
 }): <TProc extends AnyProcedure>(proc: TProc) => TRPCActionHandler<{
     input: inferProcedureInput<TProc>;
     output: TProc["_def"]["_output_out"];
-    errorShape: TInstance["_config"]["$types"]["errorShape"];
+    errorShape: inferRootTypes<TInstance>["errorShape"];
 }>;
 export declare function experimental_revalidateEndpoint(req: Request): Promise<Response>;
 //# sourceMappingURL=server.d.ts.map

package/dist/app-dir/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/app-dir/server.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,mBAAmB,EACnB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,YAAY,EACb,MAAM,0CAA0C,CAAC;AAWlD,OAAO,KAAK,EACV,gBAAgB,EAChB,8BAA8B,EAC9B,cAAc,EACf,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAG9D,wBAAgB,uCAAuC,CACrD,OAAO,SAAS,SAAS,EACzB,IAAI,EAAE,8BAA8B,CAAC,OAAO,CAAC,mGA2B9C;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,CAAC,IAAI,SAAS,gBAAgB,IAAI,CAC7D,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,KAC5B,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;AAE/D,wBAAgB,sCAAsC,CACpD,SAAS,SAAS;IAChB,OAAO,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;CACnC,EAED,CAAC,EAAE,SAAS,EACZ,IAAI,EAAE;IACJ,aAAa,EAAE,MAAM,YAAY,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IACzE;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;;;;GAoEF;AAGD,wBAAsB,+BAA+B,CAAC,GAAG,EAAE,OAAO,qBAiBjE"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/app-dir/server.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,mBAAmB,EACnB,cAAc,EACd,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,YAAY,EACb,MAAM,0CAA0C,CAAC;AAWlD,OAAO,KAAK,EACV,gBAAgB,EAChB,8BAA8B,EAC9B,cAAc,EACf,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAG9D,wBAAgB,uCAAuC,CACrD,OAAO,SAAS,SAAS,EACzB,IAAI,EAAE,8BAA8B,CAAC,OAAO,CAAC,mGA2B9C;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,CAAC,IAAI,SAAS,gBAAgB,IAAI,CAC7D,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,KAC5B,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;AAE/D,wBAAgB,sCAAsC,CACpD,SAAS,SAAS;IAChB,OAAO,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;CACnC,EAED,CAAC,EAAE,SAAS,EACZ,IAAI,EAAE;IACJ,aAAa,EAAE,MAAM,YAAY,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IACpE;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;;;;GAoEF;AAGD,wBAAsB,+BAA+B,CAAC,GAAG,EAAE,OAAO,qBAiBjE"}

package/dist/bundle-analysis.json

@@ -1,12 +1,12 @@
 {
-  "bundleSize": 22209,
-  "bundleOrigSize": 32981,
-  "bundleReduction": 32.66,
+  "bundleSize": 22745,
+  "bundleOrigSize": 34887,
+  "bundleReduction": 34.8,
   "modules": [
     {
       "id": "/src/withTRPC.tsx",
-      "size": 7848,
-      "origSize": 9372,
+      "size": 8219,
+      "origSize": 9921,
       "renderedExports": [
         "withTRPC"
       ],
@@ -15,13 +15,13 @@
         "/src/index.ts",
         "/src/createTRPCNext.tsx"
       ],
-      "percent": 35.34,
-      "reduction": 16.26
+      "percent": 36.14,
+      "reduction": 17.16
     },
     {
       "id": "/src/app-dir/server.ts",
       "size": 3822,
-      "origSize": 4908,
+      "origSize": 4911,
       "renderedExports": [
         "experimental_createTRPCNextAppDirServer",
         "experimental_createServerActionHandler",
@@ -29,13 +29,13 @@
       ],
       "removedExports": [],
       "dependents": [],
-      "percent": 17.21,
-      "reduction": 22.13
+      "percent": 16.8,
+      "reduction": 22.17
     },
     {
       "id": "/src/app-dir/create-action-hook.tsx",
-      "size": 3337,
-      "origSize": 5785,
+      "size": 3436,
+      "origSize": 6740,
       "renderedExports": [
         "experimental_serverActionLink",
         "experimental_createActionHook"
@@ -44,20 +44,20 @@
       "dependents": [
         "/src/app-dir/client.ts"
       ],
-      "percent": 15.03,
-      "reduction": 42.32
+      "percent": 15.11,
+      "reduction": 49.02
     },
     {
       "id": "/src/app-dir/links/nextCache.ts",
-      "size": 2505,
-      "origSize": 2834,
+      "size": 2571,
+      "origSize": 3040,
       "renderedExports": [
         "experimental_nextCacheLink"
       ],
       "removedExports": [],
       "dependents": [],
-      "percent": 11.28,
-      "reduction": 11.61
+      "percent": 11.3,
+      "reduction": 15.43
     },
     {
       "id": "/src/app-dir/client.ts",
@@ -68,20 +68,20 @@
       ],
       "removedExports": [],
       "dependents": [],
-      "percent": 5.76,
+      "percent": 5.62,
       "reduction": 32.47
     },
     {
       "id": "/src/app-dir/links/nextHttp.ts",
       "size": 1192,
-      "origSize": 1780,
+      "origSize": 1973,
       "renderedExports": [
         "experimental_nextHttpLink"
       ],
       "removedExports": [],
       "dependents": [],
-      "percent": 5.37,
-      "reduction": 33.03
+      "percent": 5.24,
+      "reduction": 39.58
     },
     {
       "id": "/src/createTRPCNext.tsx",
@@ -94,7 +94,7 @@
       "dependents": [
         "/src/index.ts"
       ],
-      "percent": 4.83,
+      "percent": 4.72,
       "reduction": 60.23
     },
     {
@@ -108,7 +108,7 @@
       "dependents": [
         "/src/app-dir/server.ts"
       ],
-      "percent": 3.68,
+      "percent": 3.6,
       "reduction": 0.97
     },
     {
@@ -124,11 +124,11 @@
       ],
       "dependents": [
         "/src/app-dir/server.ts",
-        "/src/app-dir/links/nextHttp.ts",
         "/src/app-dir/links/nextCache.ts",
+        "/src/app-dir/links/nextHttp.ts",
         "/src/app-dir/create-action-hook.tsx"
       ],
-      "percent": 1.51,
+      "percent": 1.47,
       "reduction": 88.13
     },
     {

package/dist/withTRPC.d.ts

@@ -1,17 +1,18 @@
 import type { CreateTRPCClientOptions } from '@trpc/client';
+import { type TransformerOptions } from '@trpc/client/unstable-internals';
 import type { TRPCClientError } from '@trpc/react-query';
 import type { CreateTRPCReactOptions, CreateTRPCReactQueryClientConfig } from '@trpc/react-query/shared';
-import type { AnyRouter, ResponseMeta } from '@trpc/server/unstable-core-do-not-import';
+import type { AnyRouter, inferRootTypes, ResponseMeta } from '@trpc/server/unstable-core-do-not-import';
 import type { NextComponentType, NextPageContext } from 'next/dist/shared/lib/utils';
 export type WithTRPCConfig<TRouter extends AnyRouter> = CreateTRPCClientOptions<TRouter> & CreateTRPCReactQueryClientConfig & {
     abortOnUnmount?: boolean;
 };
-interface WithTRPCOptions<TRouter extends AnyRouter> extends CreateTRPCReactOptions<TRouter> {
+type WithTRPCOptions<TRouter extends AnyRouter> = CreateTRPCReactOptions<TRouter> & {
     config: (info: {
         ctx?: NextPageContext;
     }) => WithTRPCConfig<TRouter>;
-}
-export interface WithTRPCSSROptions<TRouter extends AnyRouter> extends WithTRPCOptions<TRouter> {
+} & TransformerOptions<inferRootTypes<TRouter>>;
+export type WithTRPCSSROptions<TRouter extends AnyRouter> = WithTRPCOptions<TRouter> & {
     ssr: true | ((opts: {
         ctx: NextPageContext;
     }) => boolean | Promise<boolean>);
@@ -19,10 +20,10 @@ export interface WithTRPCSSROptions<TRouter extends AnyRouter> extends WithTRPCO
         ctx: NextPageContext;
         clientErrors: TRPCClientError<TRouter>[];
     }) => ResponseMeta;
-}
-export interface WithTRPCNoSSROptions<TRouter extends AnyRouter> extends WithTRPCOptions<TRouter> {
+};
+export type WithTRPCNoSSROptions<TRouter extends AnyRouter> = WithTRPCOptions<TRouter> & {
     ssr?: false;
-}
+};
 export declare function withTRPC<TRouter extends AnyRouter, TSSRContext extends NextPageContext = NextPageContext>(opts: WithTRPCNoSSROptions<TRouter> | WithTRPCSSROptions<TRouter>): (AppOrPage: NextComponentType<any, any, any>) => NextComponentType;
 export {};
 //# sourceMappingURL=withTRPC.d.ts.map

package/dist/withTRPC.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withTRPC.d.ts","sourceRoot":"","sources":["../src/withTRPC.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAqB,MAAM,cAAc,CAAC;AAE/E,OAAO,KAAK,EAAE,eAAe,EAAuB,MAAM,mBAAmB,CAAC;AAC9E,OAAO,KAAK,EACV,sBAAsB,EACtB,gCAAgC,EACjC,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,EACV,SAAS,EAGT,YAAY,EACb,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAGV,iBAAiB,EACjB,eAAe,EAChB,MAAM,4BAA4B,CAAC;AA0BpC,MAAM,MAAM,cAAc,CAAC,OAAO,SAAS,SAAS,IAClD,uBAAuB,CAAC,OAAO,CAAC,GAC9B,gCAAgC,GAAG;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEN,UAAU,eAAe,CAAC,OAAO,SAAS,SAAS,CACjD,SAAQ,sBAAsB,CAAC,OAAO,CAAC;IACvC,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,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,eAAe,CAAA;KAAE,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7E,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,CAqMxE"}
+{"version":3,"file":"withTRPC.d.ts","sourceRoot":"","sources":["../src/withTRPC.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAqB,MAAM,cAAc,CAAC;AAG/E,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAuB,MAAM,mBAAmB,CAAC;AAC9E,OAAO,KAAK,EACV,sBAAsB,EACtB,gCAAgC,EACjC,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,EACV,SAAS,EAET,cAAc,EAEd,YAAY,EACb,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAGV,iBAAiB,EACjB,eAAe,EAChB,MAAM,4BAA4B,CAAC;AA0BpC,MAAM,MAAM,cAAc,CAAC,OAAO,SAAS,SAAS,IAClD,uBAAuB,CAAC,OAAO,CAAC,GAC9B,gCAAgC,GAAG;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEN,KAAK,eAAe,CAAC,OAAO,SAAS,SAAS,IAC5C,sBAAsB,CAAC,OAAO,CAAC,GAAG;IAChC,MAAM,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,CAAC,EAAE,eAAe,CAAA;KAAE,KAAK,cAAc,CAAC,OAAO,CAAC,CAAC;CACtE,GAAG,kBAAkB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;AAElD,MAAM,MAAM,kBAAkB,CAAC,OAAO,SAAS,SAAS,IACtD,eAAe,CAAC,OAAO,CAAC,GAAG;IACzB,GAAG,EACC,IAAI,GACJ,CAAC,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,eAAe,CAAA;KAAE,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IACrE,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,CAAC;AAEJ,MAAM,MAAM,oBAAoB,CAAC,OAAO,SAAS,SAAS,IACxD,eAAe,CAAC,OAAO,CAAC,GAAG;IACzB,GAAG,CAAC,EAAE,KAAK,CAAC;CACb,CAAC;AAEJ,wBAAgB,QAAQ,CACtB,OAAO,SAAS,SAAS,EACzB,WAAW,SAAS,eAAe,GAAG,eAAe,EACrD,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC,OAAO,CAAC,eAa9C,kBAAkB,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,KAAG,iBAAiB,CA2MxE"}

package/dist/withTRPC.js

@@ -2,6 +2,7 @@
 
 var reactQuery = require('@tanstack/react-query');
 var client = require('@trpc/client');
+var unstableInternals = require('@trpc/client/unstable-internals');
 var shared = require('@trpc/react-query/shared');
 var React = require('react');
 
@@ -25,6 +26,7 @@ function transformQueryOrMutationCacheErrors(result) {
 }
 function withTRPC(opts) {
     const { config: getClientConfig  } = opts;
+    const transformer = unstableInternals.getTransformer(opts.transformer);
     return (AppOrPage)=>{
         const trpc = shared.createRootHooks(opts);
         const WithTRPC = (props)=>{
@@ -45,7 +47,17 @@ function withTRPC(opts) {
             });
             const { queryClient , trpcClient , ssrState , ssrContext  } = prepassProps;
             // allow normal components to be wrapped, not just app/pages
-            const hydratedState = trpc.useDehydratedState(trpcClient, props.pageProps?.trpcState);
+            const trpcState = props.pageProps?.trpcState;
+            const hydratedState = React.useMemo(()=>{
+                if (!trpcState) {
+                    return trpcState;
+                }
+                return transformer.input.deserialize(trpcState);
+            // eslint-disable-next-line react-hooks/exhaustive-deps
+            }, [
+                trpcState,
+                trpcClient
+            ]);
             return /*#__PURE__*/ React.createElement(trpc.Provider, {
                 abortOnUnmount: prepassProps.abortOnUnmount ?? false,
                 client: trpcClient,
@@ -145,7 +157,7 @@ function withTRPC(opts) {
                     mutations: dehydratedCache.mutations.map(transformQueryOrMutationCacheErrors)
                 };
                 // dehydrate query client's state and add it to the props
-                pageProps['trpcState'] = trpcClient.runtime.combinedTransformer.output.serialize(dehydratedCacheWithErrors);
+                pageProps['trpcState'] = transformer.input.serialize(dehydratedCacheWithErrors);
                 const appTreeProps = getAppTreeProps(pageProps);
                 if ('responseMeta' in opts) {
                     const meta = opts.responseMeta?.({

package/dist/withTRPC.mjs

@@ -1,5 +1,6 @@
 import { dehydrate, QueryClientProvider, HydrationBoundary } from '@tanstack/react-query';
 import { createTRPCUntypedClient } from '@trpc/client';
+import { getTransformer } from '@trpc/client/unstable-internals';
 import { createRootHooks, getQueryClient } from '@trpc/react-query/shared';
 import React, { createElement, useState } from 'react';
 
@@ -23,6 +24,7 @@ function transformQueryOrMutationCacheErrors(result) {
 }
 function withTRPC(opts) {
     const { config: getClientConfig  } = opts;
+    const transformer = getTransformer(opts.transformer);
     return (AppOrPage)=>{
         const trpc = createRootHooks(opts);
         const WithTRPC = (props)=>{
@@ -43,7 +45,17 @@ function withTRPC(opts) {
             });
             const { queryClient , trpcClient , ssrState , ssrContext  } = prepassProps;
             // allow normal components to be wrapped, not just app/pages
-            const hydratedState = trpc.useDehydratedState(trpcClient, props.pageProps?.trpcState);
+            const trpcState = props.pageProps?.trpcState;
+            const hydratedState = React.useMemo(()=>{
+                if (!trpcState) {
+                    return trpcState;
+                }
+                return transformer.input.deserialize(trpcState);
+            // eslint-disable-next-line react-hooks/exhaustive-deps
+            }, [
+                trpcState,
+                trpcClient
+            ]);
             return /*#__PURE__*/ React.createElement(trpc.Provider, {
                 abortOnUnmount: prepassProps.abortOnUnmount ?? false,
                 client: trpcClient,
@@ -143,7 +155,7 @@ function withTRPC(opts) {
                     mutations: dehydratedCache.mutations.map(transformQueryOrMutationCacheErrors)
                 };
                 // dehydrate query client's state and add it to the props
-                pageProps['trpcState'] = trpcClient.runtime.combinedTransformer.output.serialize(dehydratedCacheWithErrors);
+                pageProps['trpcState'] = transformer.input.serialize(dehydratedCacheWithErrors);
                 const appTreeProps = getAppTreeProps(pageProps);
                 if ('responseMeta' in opts) {
                     const meta = opts.responseMeta?.({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trpc/next",
-  "version": "11.0.0-next-beta.248+05798dd78",
+  "version": "11.0.0-next-beta.249+53c90b2f6",
   "description": "The tRPC Next.js library",
   "author": "KATT",
   "license": "MIT",
@@ -67,9 +67,9 @@
   ],
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",
-    "@trpc/client": "11.0.0-next-beta.248+05798dd78",
-    "@trpc/react-query": "11.0.0-next-beta.248+05798dd78",
-    "@trpc/server": "11.0.0-next-beta.248+05798dd78",
+    "@trpc/client": "11.0.0-next-beta.249+53c90b2f6",
+    "@trpc/react-query": "11.0.0-next-beta.249+53c90b2f6",
+    "@trpc/server": "11.0.0-next-beta.249+53c90b2f6",
     "next": "*",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
@@ -84,9 +84,9 @@
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.0.0",
-    "@trpc/client": "11.0.0-next-beta.248+05798dd78",
-    "@trpc/react-query": "11.0.0-next-beta.248+05798dd78",
-    "@trpc/server": "11.0.0-next-beta.248+05798dd78",
+    "@trpc/client": "11.0.0-next-beta.249+53c90b2f6",
+    "@trpc/react-query": "11.0.0-next-beta.249+53c90b2f6",
+    "@trpc/server": "11.0.0-next-beta.249+53c90b2f6",
     "@types/express": "^4.17.17",
     "@types/node": "^20.10.0",
     "@types/react": "^18.2.33",
@@ -106,5 +106,5 @@
   "funding": [
     "https://trpc.io/sponsor"
   ],
-  "gitHead": "05798dd78fd304612172fcccb622559954a0f578"
+  "gitHead": "53c90b2f66f002e3797a043899f0c9fe34dededb"
 }

package/src/app-dir/create-action-hook.tsx

@@ -4,12 +4,19 @@ import type {
   TRPCRequestOptions,
 } from '@trpc/client';
 import { createTRPCUntypedClient, TRPCClientError } from '@trpc/client';
+import type {
+  CoercedTransformerParameters,
+  TransformerOptions,
+} from '@trpc/client/unstable-internals';
+import { getTransformer } from '@trpc/client/unstable-internals';
 import { observable } from '@trpc/server/observable';
 import type {
-  AnyRouter,
+  inferRootTypes,
   MaybePromise,
   ProcedureOptions,
   Simplify,
+  TRPCInferrable,
+  TypeError,
 } from '@trpc/server/unstable-core-do-not-import';
 import { transformResult } from '@trpc/server/unstable-core-do-not-import';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
@@ -67,9 +74,27 @@ type ActionContext = {
 
 // ts-prune-ignore-next
 export function experimental_serverActionLink<
-  TRouter extends AnyRouter = AnyRouter,
->(): TRPCLink<TRouter> {
-  return (runtime) =>
+  TInferrable extends TRPCInferrable,
+>(
+  ...args: TRPCInferrable extends TInferrable
+    ? [
+        TypeError<'Generic parameter missing in `experimental_createActionHook<HERE>()` or experimental_serverActionLink<HERE>()'>,
+      ]
+    : inferRootTypes<TInferrable>['transformer'] extends true
+    ? [
+        opts: TransformerOptions<{
+          transformer: true;
+        }>,
+      ]
+    : [
+        opts?: TransformerOptions<{
+          transformer: false;
+        }>,
+      ]
+): TRPCLink<TInferrable> {
+  const [opts] = args as [CoercedTransformerParameters];
+  const transformer = getTransformer(opts?.transformer);
+  return () =>
     ({ op }) =>
       observable((observer) => {
         const context = op.context as ActionContext;
@@ -78,10 +103,10 @@ export function experimental_serverActionLink<
           ._action(
             isFormData(op.input)
               ? op.input
-              : runtime.transformer.serialize(op.input),
+              : transformer.input.serialize(op.input),
           )
           .then((data) => {
-            const transformed = transformResult(data, runtime.transformer);
+            const transformed = transformResult(data, transformer.output);
 
             if (!transformed.ok) {
               observer.error(TRPCClientError.from(transformed.error, {}));
@@ -103,15 +128,20 @@ interface UseTRPCActionOptions<TDef extends ActionHandlerDef> {
   onSuccess?: (result: TDef['output']) => MaybePromise<void> | void;
   onError?: (result: TRPCClientError<TDef['errorShape']>) => MaybePromise<void>;
 }
-
 // ts-prune-ignore-next
-export function experimental_createActionHook<TRouter extends AnyRouter>(
-  opts: CreateTRPCClientOptions<TRouter>,
+export function experimental_createActionHook<
+  TInferrable extends TRPCInferrable,
+>(
+  opts: TRPCInferrable extends TInferrable
+    ? TypeError<'Generic parameter missing in `experimental_createActionHook<HERE>()`'>
+    : CreateTRPCClientOptions<TInferrable>,
 ) {
   type ActionContext = {
     _action: (...args: any[]) => Promise<any>;
   };
-  const client = createTRPCUntypedClient(opts);
+  const client = createTRPCUntypedClient(
+    opts as Exclude<typeof opts, TypeError<any>>,
+  );
   return function useAction<TDef extends ActionHandlerDef>(
     handler: TRPCActionHandler<TDef>,
     useActionOpts?: UseTRPCActionOptions<Simplify<TDef>>,

package/src/app-dir/links/nextCache.ts

@@ -2,9 +2,14 @@
 
 import type { TRPCLink } from '@trpc/client';
 import { TRPCClientError } from '@trpc/client';
+import {
+  getTransformer,
+  type TransformerOptions,
+} from '@trpc/client/unstable-internals';
 import { observable } from '@trpc/server/observable';
 import type {
   AnyRouter,
+  inferRootTypes,
   inferRouterContext,
 } from '@trpc/server/unstable-core-do-not-import';
 import { callProcedure } from '@trpc/server/unstable-core-do-not-import';
@@ -16,13 +21,14 @@ type NextCacheLinkOptions<TRouter extends AnyRouter> = {
   createContext: () => Promise<inferRouterContext<TRouter>>;
   /** how many seconds the cache should hold before revalidating */
   revalidate?: number | false;
-};
+} & TransformerOptions<inferRootTypes<TRouter>>;
 
 // ts-prune-ignore-next
 export function experimental_nextCacheLink<TRouter extends AnyRouter>(
   opts: NextCacheLinkOptions<TRouter>,
 ): TRPCLink<TRouter> {
-  return (runtime) =>
+  const transformer = getTransformer(opts.transformer);
+  return () =>
     ({ op }) =>
       observable((observer) => {
         const { path, input, type, context } = op;
@@ -52,7 +58,7 @@ export function experimental_nextCacheLink<TRouter extends AnyRouter>(
               });
 
               // We need to serialize cause the cache only accepts JSON
-              return runtime.transformer.serialize(procedureResult);
+              return transformer.input.serialize(procedureResult);
             };
 
             if (type === 'query') {
@@ -70,7 +76,7 @@ export function experimental_nextCacheLink<TRouter extends AnyRouter>(
 
         promise
           .then((data) => {
-            const transformedResult = runtime.transformer.deserialize(data);
+            const transformedResult = transformer.output.deserialize(data);
             observer.next({ result: { data: transformedResult } });
             observer.complete();
           })

package/src/app-dir/links/nextHttp.ts

@@ -4,7 +4,10 @@ import type {
   TRPCLink,
 } from '@trpc/client';
 import { httpBatchLink, httpLink } from '@trpc/client';
-import type { AnyRouter } from '@trpc/server/unstable-core-do-not-import';
+import type {
+  AnyRootTypes,
+  AnyRouter,
+} from '@trpc/server/unstable-core-do-not-import';
 import { generateCacheTag } from '../shared';
 
 interface NextLinkBaseOptions {
@@ -12,21 +15,21 @@ interface NextLinkBaseOptions {
   batch?: boolean;
 }
 
-interface NextLinkSingleOptions
-  extends NextLinkBaseOptions,
-    Omit<HTTPLinkOptions, 'fetch'> {
-  batch?: false;
-}
+type NextLinkSingleOptions<TRoot extends AnyRootTypes> = NextLinkBaseOptions &
+  Omit<HTTPLinkOptions<TRoot>, 'fetch'> & {
+    batch?: false;
+  };
 
-interface NextLinkBatchOptions
-  extends NextLinkBaseOptions,
-    Omit<HTTPBatchLinkOptions, 'fetch'> {
-  batch: true;
-}
+type NextLinkBatchOptions<TRoot extends AnyRootTypes> = NextLinkBaseOptions &
+  Omit<HTTPBatchLinkOptions<TRoot>, 'fetch'> & {
+    batch: true;
+  };
 
 // ts-prune-ignore-next
 export function experimental_nextHttpLink<TRouter extends AnyRouter>(
-  opts: NextLinkSingleOptions | NextLinkBatchOptions,
+  opts:
+    | NextLinkSingleOptions<TRouter['_def']['_config']['$types']>
+    | NextLinkBatchOptions<TRouter['_def']['_config']['$types']>,
 ): TRPCLink<TRouter> {
   return (runtime) => {
     return (ctx) => {
@@ -42,7 +45,7 @@ export function experimental_nextHttpLink<TRouter extends AnyRouter>(
 
       const revalidate = requestRevalidate ?? opts.revalidate ?? false;
 
-      const _fetch: NonNullable<HTTPLinkOptions['fetch']> = (
+      const _fetch: NonNullable<HTTPLinkOptions<AnyRootTypes>['fetch']> = (
         url,
         fetchOpts,
       ) => {
@@ -57,11 +60,11 @@ export function experimental_nextHttpLink<TRouter extends AnyRouter>(
       };
       const link = opts.batch
         ? httpBatchLink({
-            ...opts,
+            ...(opts as any),
             fetch: _fetch,
           })
         : httpLink({
-            ...opts,
+            ...(opts as any),
             fetch: _fetch,
           });
 

package/src/app-dir/server.ts

@@ -8,6 +8,7 @@ import type {
   AnyRootTypes,
   AnyRouter,
   inferProcedureInput,
+  inferRootTypes,
   MaybePromise,
   RootConfig,
   Simplify,
@@ -77,7 +78,7 @@ export function experimental_createServerActionHandler<
 >(
   t: TInstance,
   opts: {
-    createContext: () => MaybePromise<TInstance['_config']['$types']['ctx']>;
+    createContext: () => MaybePromise<inferRootTypes<TInstance>['ctx']>;
     /**
      * Transform form data to a `Record` before passing it to the procedure
      * @default true
@@ -94,12 +95,12 @@ export function experimental_createServerActionHandler<
   return function createServerAction<TProc extends AnyProcedure>(
     proc: TProc,
   ): TRPCActionHandler<
-    Simplify<inferActionDef<TInstance['_config']['$types'], TProc>>
+    Simplify<inferActionDef<inferRootTypes<TInstance>, TProc>>
   > {
     return async function actionHandler(
       rawInput: FormData | inferProcedureInput<TProc>,
     ) {
-      const ctx: TInstance['_config']['$types']['ctx'] | undefined = undefined;
+      const ctx: inferRootTypes<TInstance>['ctx'] | undefined = undefined;
       try {
         const ctx = await createContext();
         if (normalizeFormData && isFormData(rawInput)) {

package/src/withTRPC.tsx

@@ -10,6 +10,11 @@ import {
 } from '@tanstack/react-query';
 import type { CreateTRPCClientOptions, TRPCUntypedClient } from '@trpc/client';
 import { createTRPCUntypedClient } from '@trpc/client';
+import type { CoercedTransformerParameters } from '@trpc/client/unstable-internals';
+import {
+  getTransformer,
+  type TransformerOptions,
+} from '@trpc/client/unstable-internals';
 import type { TRPCClientError, TRPCClientErrorLike } from '@trpc/react-query';
 import type {
   CreateTRPCReactOptions,
@@ -19,6 +24,7 @@ import { createRootHooks, getQueryClient } from '@trpc/react-query/shared';
 import type {
   AnyRouter,
   Dict,
+  inferRootTypes,
   Maybe,
   ResponseMeta,
 } from '@trpc/server/unstable-core-do-not-import';
@@ -59,29 +65,35 @@ export type WithTRPCConfig<TRouter extends AnyRouter> =
       abortOnUnmount?: boolean;
     };
 
-interface WithTRPCOptions<TRouter extends AnyRouter>
-  extends CreateTRPCReactOptions<TRouter> {
-  config: (info: { ctx?: NextPageContext }) => WithTRPCConfig<TRouter>;
-}
+type WithTRPCOptions<TRouter extends AnyRouter> =
+  CreateTRPCReactOptions<TRouter> & {
+    config: (info: { ctx?: NextPageContext }) => WithTRPCConfig<TRouter>;
+  } & TransformerOptions<inferRootTypes<TRouter>>;
 
-export interface WithTRPCSSROptions<TRouter extends AnyRouter>
-  extends WithTRPCOptions<TRouter> {
-  ssr: true | ((opts: { ctx: NextPageContext }) => boolean | Promise<boolean>);
-  responseMeta?: (opts: {
-    ctx: NextPageContext;
-    clientErrors: TRPCClientError<TRouter>[];
-  }) => ResponseMeta;
-}
-export interface WithTRPCNoSSROptions<TRouter extends AnyRouter>
-  extends WithTRPCOptions<TRouter> {
-  ssr?: false;
-}
+export type WithTRPCSSROptions<TRouter extends AnyRouter> =
+  WithTRPCOptions<TRouter> & {
+    ssr:
+      | true
+      | ((opts: { ctx: NextPageContext }) => boolean | Promise<boolean>);
+    responseMeta?: (opts: {
+      ctx: NextPageContext;
+      clientErrors: TRPCClientError<TRouter>[];
+    }) => ResponseMeta;
+  };
+
+export type WithTRPCNoSSROptions<TRouter extends AnyRouter> =
+  WithTRPCOptions<TRouter> & {
+    ssr?: false;
+  };
 
 export function withTRPC<
   TRouter extends AnyRouter,
   TSSRContext extends NextPageContext = NextPageContext,
 >(opts: WithTRPCNoSSROptions<TRouter> | WithTRPCSSROptions<TRouter>) {
   const { config: getClientConfig } = opts;
+  const transformer = getTransformer(
+    (opts as CoercedTransformerParameters).transformer,
+  );
 
   type TRPCPrepassProps = {
     config: WithTRPCConfig<TRouter>;
@@ -106,6 +118,7 @@ export function withTRPC<
         const config = getClientConfig({});
         const queryClient = getQueryClient(config);
         const trpcClient = trpc.createClient(config);
+
         return {
           abortOnUnmount: config.abortOnUnmount,
           queryClient,
@@ -118,10 +131,16 @@ export function withTRPC<
       const { queryClient, trpcClient, ssrState, ssrContext } = prepassProps;
 
       // allow normal components to be wrapped, not just app/pages
-      const hydratedState = trpc.useDehydratedState(
-        trpcClient,
-        props.pageProps?.trpcState,
-      );
+      const trpcState = props.pageProps?.trpcState;
+
+      const hydratedState: DehydratedState | undefined = React.useMemo(() => {
+        if (!trpcState) {
+          return trpcState;
+        }
+
+        return transformer.input.deserialize(trpcState);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+      }, [trpcState, trpcClient]);
 
       return (
         <trpc.Provider
@@ -245,10 +264,9 @@ export function withTRPC<
         };
 
         // dehydrate query client's state and add it to the props
-        pageProps['trpcState'] =
-          trpcClient.runtime.combinedTransformer.output.serialize(
-            dehydratedCacheWithErrors,
-          );
+        pageProps['trpcState'] = transformer.input.serialize(
+          dehydratedCacheWithErrors,
+        );
 
         const appTreeProps = getAppTreeProps(pageProps);