@trpc/next 11.0.0-next.92 → 11.0.0-rc.329

package/README.md

@@ -24,16 +24,16 @@ Full documentation for `@trpc/next` can be found [here](https://trpc.io/docs/cli
 
 ```bash
 # npm
-npm install @trpc/next @trpc/react-query @tanstack/react-query
+npm install @trpc/next@next @trpc/react-query@next @tanstack/react-query
 
 # Yarn
-yarn add @trpc/next @trpc/react-query @tanstack/react-query
+yarn add @trpc/next@next @trpc/react-query@next @tanstack/react-query
 
 # pnpm
-pnpm add @trpc/next @trpc/react-query @tanstack/react-query
+pnpm add @trpc/next@next @trpc/react-query@next @tanstack/react-query
 
 # Bun
-bun add @trpc/next @trpc/react-query @tanstack/react-query
+bun add @trpc/next@next @trpc/react-query@next @tanstack/react-query
 ```
 
 ## Basic Example
@@ -55,7 +55,7 @@ export const trpc = createTRPCNext<AppRouter>({
       ],
     };
   },
-  ssr: true,
+  ssr: false,
 });
 ```
 

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

@@ -1,6 +1,6 @@
-import { CreateTRPCClient } from '@trpc/client';
-import { AnyRouter } from '@trpc/server';
-import { CreateTRPCNextAppRouterOptions } from './shared';
+import type { CreateTRPCClient } from '@trpc/client';
+import type { AnyRouter } from '@trpc/server/unstable-core-do-not-import';
+import type { CreateTRPCNextAppRouterOptions } from './shared';
 export { experimental_createActionHook, experimental_serverActionLink, type UseTRPCActionResult, } from './create-action-hook';
 export declare function experimental_createTRPCNextAppDirClient<TRouter extends AnyRouter>(opts: CreateTRPCNextAppRouterOptions<TRouter>): CreateTRPCClient<TRouter>;
 //# sourceMappingURL=client.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/app-dir/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EAEjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,EAEL,6BAA6B,EAE7B,6BAA6B,EAE7B,KAAK,mBAAmB,GACzB,MAAM,sBAAsB,CAAC;AAS9B,wBAAgB,uCAAuC,CACrD,OAAO,SAAS,SAAS,EACzB,IAAI,EAAE,8BAA8B,CAAC,OAAO,CAAC,6BAwC9C"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/app-dir/client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAKrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAE1E,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAC;AAE/D,OAAO,EAEL,6BAA6B,EAE7B,6BAA6B,EAE7B,KAAK,mBAAmB,GACzB,MAAM,sBAAsB,CAAC;AAS9B,wBAAgB,uCAAuC,CACrD,OAAO,SAAS,SAAS,EACzB,IAAI,EAAE,8BAA8B,CAAC,OAAO,CAAC,6BAwC9C"}

package/dist/app-dir/client.js

@@ -1,115 +1,15 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var client = require('@trpc/client');
-var shared$2 = require('@trpc/server/shared');
-var shared$1 = require('@trpc/client/shared');
-var observable = require('@trpc/server/observable');
-var React = require('react');
-var shared = require('../shared-e49b9cdc.js');
-
-// ts-prune-ignore-next
-function experimental_serverActionLink() {
-    return (runtime)=>({ 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 = shared$1.transformResult(data, runtime);
-                    if (!transformed.ok) {
-                        observer.error(client.TRPCClientError.from(transformed.error, {}));
-                        return;
-                    }
-                    observer.next({
-                        context: op.context,
-                        result: transformed.result
-                    });
-                    observer.complete();
-                }).catch((cause)=>{
-                    observer.error(client.TRPCClientError.from(cause));
-                });
-            });
-}
-// ts-prune-ignore-next
-function experimental_createActionHook(opts) {
-    const client$1 = client.createTRPCUntypedClient(opts);
-    return function useAction(handler, useActionOpts) {
-        const count = React.useRef(0);
-        const [state, setState] = React.useState({
-            status: 'idle'
-        });
-        const actionOptsRef = React.useRef(useActionOpts);
-        actionOptsRef.current = useActionOpts;
-        React.useEffect(()=>{
-            return ()=>{
-                // cleanup after unmount to prevent calling hook opts after unmount
-                count.current = -1;
-                actionOptsRef.current = undefined;
-            };
-        }, []);
-        const mutateAsync = React.useCallback((input, requestOptions)=>{
-            const idx = ++count.current;
-            const context = {
-                ...requestOptions?.context,
-                _action (innerInput) {
-                    return handler(innerInput);
-                }
-            };
-            setState({
-                status: 'loading'
-            });
-            return client$1.mutation('serverAction', input, {
-                ...requestOptions,
-                context
-            }).then(async (data)=>{
-                await actionOptsRef.current?.onSuccess?.(data);
-                if (idx !== count.current) {
-                    return;
-                }
-                setState({
-                    status: 'success',
-                    data: data
-                });
-            }).catch(async (error)=>{
-                await actionOptsRef.current?.onError?.(error);
-                throw error;
-            }).catch((error)=>{
-                if (idx !== count.current) {
-                    return;
-                }
-                setState({
-                    status: 'error',
-                    error: client.TRPCClientError.from(error, {})
-                });
-                throw error;
-            });
-        }, [
-            handler
-        ]);
-        const mutate = React.useCallback((...args)=>{
-            void mutateAsync(...args).catch(()=>{
-            // ignored
-            });
-        }, [
-            mutateAsync
-        ]);
-        return React.useMemo(()=>({
-                ...state,
-                mutate,
-                mutateAsync
-            }), [
-            mutate,
-            mutateAsync,
-            state
-        ]);
-    };
-}
+var unstableCoreDoNotImport = require('@trpc/server/unstable-core-do-not-import');
+var createActionHook = require('./create-action-hook.js');
 
 // ts-prune-ignore-next
 function experimental_createTRPCNextAppDirClient(opts) {
     const client$1 = client.createTRPCUntypedClient(opts.config());
     // const useProxy = createUseProxy<TRouter>(client);
     const cache = new Map();
-    return shared$2.createRecursiveProxy(({ path , args  })=>{
+    return unstableCoreDoNotImport.createRecursiveProxy(({ path , args  })=>{
         // const pathCopy = [key, ...path];
         const pathCopy = [
             ...path
@@ -143,6 +43,6 @@ function experimental_createTRPCNextAppDirClient(opts) {
 // });
 }
 
-exports.experimental_createActionHook = experimental_createActionHook;
+exports.experimental_createActionHook = createActionHook.experimental_createActionHook;
+exports.experimental_serverActionLink = createActionHook.experimental_serverActionLink;
 exports.experimental_createTRPCNextAppDirClient = experimental_createTRPCNextAppDirClient;
-exports.experimental_serverActionLink = experimental_serverActionLink;

package/dist/app-dir/client.mjs

@@ -1,104 +1,6 @@
-import { TRPCClientError, createTRPCUntypedClient, clientCallTypeToProcedureType } from '@trpc/client';
-import { createRecursiveProxy } from '@trpc/server/shared';
-import { transformResult } from '@trpc/client/shared';
-import { observable } from '@trpc/server/observable';
-import { useRef, useState, useEffect, useCallback, useMemo } from 'react';
-import { i as isFormData } from '../shared-f6996341.mjs';
-
-// ts-prune-ignore-next
-function experimental_serverActionLink() {
-    return (runtime)=>({ 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);
-                    if (!transformed.ok) {
-                        observer.error(TRPCClientError.from(transformed.error, {}));
-                        return;
-                    }
-                    observer.next({
-                        context: op.context,
-                        result: transformed.result
-                    });
-                    observer.complete();
-                }).catch((cause)=>{
-                    observer.error(TRPCClientError.from(cause));
-                });
-            });
-}
-// ts-prune-ignore-next
-function experimental_createActionHook(opts) {
-    const client = createTRPCUntypedClient(opts);
-    return function useAction(handler, useActionOpts) {
-        const count = useRef(0);
-        const [state, setState] = useState({
-            status: 'idle'
-        });
-        const actionOptsRef = useRef(useActionOpts);
-        actionOptsRef.current = useActionOpts;
-        useEffect(()=>{
-            return ()=>{
-                // cleanup after unmount to prevent calling hook opts after unmount
-                count.current = -1;
-                actionOptsRef.current = undefined;
-            };
-        }, []);
-        const mutateAsync = useCallback((input, requestOptions)=>{
-            const idx = ++count.current;
-            const context = {
-                ...requestOptions?.context,
-                _action (innerInput) {
-                    return handler(innerInput);
-                }
-            };
-            setState({
-                status: 'loading'
-            });
-            return client.mutation('serverAction', input, {
-                ...requestOptions,
-                context
-            }).then(async (data)=>{
-                await actionOptsRef.current?.onSuccess?.(data);
-                if (idx !== count.current) {
-                    return;
-                }
-                setState({
-                    status: 'success',
-                    data: data
-                });
-            }).catch(async (error)=>{
-                await actionOptsRef.current?.onError?.(error);
-                throw error;
-            }).catch((error)=>{
-                if (idx !== count.current) {
-                    return;
-                }
-                setState({
-                    status: 'error',
-                    error: TRPCClientError.from(error, {})
-                });
-                throw error;
-            });
-        }, [
-            handler
-        ]);
-        const mutate = useCallback((...args)=>{
-            void mutateAsync(...args).catch(()=>{
-            // ignored
-            });
-        }, [
-            mutateAsync
-        ]);
-        return useMemo(()=>({
-                ...state,
-                mutate,
-                mutateAsync
-            }), [
-            mutate,
-            mutateAsync,
-            state
-        ]);
-    };
-}
+import { createTRPCUntypedClient, clientCallTypeToProcedureType } from '@trpc/client';
+import { createRecursiveProxy } from '@trpc/server/unstable-core-do-not-import';
+export { experimental_createActionHook, experimental_serverActionLink } from './create-action-hook.mjs';
 
 // ts-prune-ignore-next
 function experimental_createTRPCNextAppDirClient(opts) {
@@ -139,4 +41,4 @@ function experimental_createTRPCNextAppDirClient(opts) {
 // });
 }
 
-export { experimental_createActionHook, experimental_createTRPCNextAppDirClient, experimental_serverActionLink };
+export { experimental_createTRPCNextAppDirClient };

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

@@ -1,7 +1,9 @@
-import { CreateTRPCClientOptions, TRPCClientError, TRPCLink } from '@trpc/client';
-import { AnyRouter, MaybePromise, ProcedureOptions, Simplify } from '@trpc/server';
-import { TRPCActionHandler } from './server';
-import { ActionHandlerDef } from './shared';
+import type { CreateTRPCClientOptions, TRPCLink } from '@trpc/client';
+import { TRPCClientError } from '@trpc/client';
+import type { TransformerOptions } from '@trpc/client/unstable-internals';
+import type { inferClientTypes, InferrableClientTypes, MaybePromise, ProcedureOptions, Simplify, 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];
 interface UseTRPCActionBaseResult<TDef extends ActionHandlerDef> {
     mutate: (...args: MutationArgs<TDef>) => void;
@@ -28,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 InferrableClientTypes>(...args: InferrableClientTypes extends TInferrable ? [
+    TypeError<'Generic parameter missing in `experimental_createActionHook<HERE>()` or experimental_serverActionLink<HERE>()'>
+] : inferClientTypes<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 InferrableClientTypes>(opts: InferrableClientTypes extends TInferrable ? TypeError<'Generic parameter missing in `experimental_createActionHook<HERE>()`'> : CreateTRPCClientOptions<TInferrable>): <TDef extends ActionHandlerDef>(handler: TRPCActionHandler<TDef>, useActionOpts?: UseTRPCActionOptions<Simplify<TDef>>) => 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,EACL,uBAAuB,EAEvB,eAAe,EACf,QAAQ,EAET,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACT,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAc,MAAM,UAAU,CAAC;AAExD,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

@@ -0,0 +1,108 @@
+'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(...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 : 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;
+                    }
+                    observer.next({
+                        context: op.context,
+                        result: transformed.result
+                    });
+                    observer.complete();
+                }).catch((cause)=>{
+                    observer.error(client.TRPCClientError.from(cause));
+                });
+            });
+}
+// ts-prune-ignore-next
+function experimental_createActionHook(opts) {
+    const client$1 = client.createTRPCUntypedClient(opts);
+    return function useAction(handler, useActionOpts) {
+        const count = React.useRef(0);
+        const [state, setState] = React.useState({
+            status: 'idle'
+        });
+        const actionOptsRef = React.useRef(useActionOpts);
+        actionOptsRef.current = useActionOpts;
+        React.useEffect(()=>{
+            return ()=>{
+                // cleanup after unmount to prevent calling hook opts after unmount
+                count.current = -1;
+                actionOptsRef.current = undefined;
+            };
+        }, []);
+        const mutateAsync = React.useCallback((input, requestOptions)=>{
+            const idx = ++count.current;
+            const context = {
+                ...requestOptions?.context,
+                _action (innerInput) {
+                    return handler(innerInput);
+                }
+            };
+            setState({
+                status: 'loading'
+            });
+            return client$1.mutation('serverAction', input, {
+                ...requestOptions,
+                context
+            }).then(async (data)=>{
+                await actionOptsRef.current?.onSuccess?.(data);
+                if (idx !== count.current) {
+                    return;
+                }
+                setState({
+                    status: 'success',
+                    data: data
+                });
+            }).catch(async (error)=>{
+                await actionOptsRef.current?.onError?.(error);
+                throw error;
+            }).catch((error)=>{
+                if (idx !== count.current) {
+                    return;
+                }
+                setState({
+                    status: 'error',
+                    error: client.TRPCClientError.from(error, {})
+                });
+                throw error;
+            });
+        }, [
+            handler
+        ]);
+        const mutate = React.useCallback((...args)=>{
+            void mutateAsync(...args).catch(()=>{
+            // ignored
+            });
+        }, [
+            mutateAsync
+        ]);
+        return React.useMemo(()=>({
+                ...state,
+                mutate,
+                mutateAsync
+            }), [
+            mutate,
+            mutateAsync,
+            state
+        ]);
+    };
+}
+
+exports.experimental_createActionHook = experimental_createActionHook;
+exports.experimental_serverActionLink = experimental_serverActionLink;

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

@@ -0,0 +1,105 @@
+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(...args) {
+    const [opts] = args;
+    const transformer = getTransformer(opts?.transformer);
+    return ()=>({ op  })=>observable((observer)=>{
+                const context = op.context;
+                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;
+                    }
+                    observer.next({
+                        context: op.context,
+                        result: transformed.result
+                    });
+                    observer.complete();
+                }).catch((cause)=>{
+                    observer.error(TRPCClientError.from(cause));
+                });
+            });
+}
+// ts-prune-ignore-next
+function experimental_createActionHook(opts) {
+    const client = createTRPCUntypedClient(opts);
+    return function useAction(handler, useActionOpts) {
+        const count = useRef(0);
+        const [state, setState] = useState({
+            status: 'idle'
+        });
+        const actionOptsRef = useRef(useActionOpts);
+        actionOptsRef.current = useActionOpts;
+        useEffect(()=>{
+            return ()=>{
+                // cleanup after unmount to prevent calling hook opts after unmount
+                count.current = -1;
+                actionOptsRef.current = undefined;
+            };
+        }, []);
+        const mutateAsync = useCallback((input, requestOptions)=>{
+            const idx = ++count.current;
+            const context = {
+                ...requestOptions?.context,
+                _action (innerInput) {
+                    return handler(innerInput);
+                }
+            };
+            setState({
+                status: 'loading'
+            });
+            return client.mutation('serverAction', input, {
+                ...requestOptions,
+                context
+            }).then(async (data)=>{
+                await actionOptsRef.current?.onSuccess?.(data);
+                if (idx !== count.current) {
+                    return;
+                }
+                setState({
+                    status: 'success',
+                    data: data
+                });
+            }).catch(async (error)=>{
+                await actionOptsRef.current?.onError?.(error);
+                throw error;
+            }).catch((error)=>{
+                if (idx !== count.current) {
+                    return;
+                }
+                setState({
+                    status: 'error',
+                    error: TRPCClientError.from(error, {})
+                });
+                throw error;
+            });
+        }, [
+            handler
+        ]);
+        const mutate = useCallback((...args)=>{
+            void mutateAsync(...args).catch(()=>{
+            // ignored
+            });
+        }, [
+            mutateAsync
+        ]);
+        return useMemo(()=>({
+                ...state,
+                mutate,
+                mutateAsync
+            }), [
+            mutate,
+            mutateAsync,
+            state
+        ]);
+    };
+}
+
+export { experimental_createActionHook, experimental_serverActionLink };

package/dist/app-dir/formDataToObject.js

@@ -0,0 +1,34 @@
+'use strict';
+
+/* eslint-disable @typescript-eslint/no-non-null-assertion */ function set(obj, path, value) {
+    if (typeof path === 'string') {
+        path = path.split(/[\.\[\]]/).filter(Boolean);
+    }
+    if (path.length > 1) {
+        const p = path.shift();
+        const isArrayIndex = /^\d+$/.test(path[0]);
+        obj[p] = obj[p] || (isArrayIndex ? [] : {});
+        set(obj[p], path, value);
+        return;
+    }
+    const p1 = path[0];
+    if (obj[p1] === undefined) {
+        obj[p1] = value;
+    } else if (Array.isArray(obj[p1])) {
+        obj[p1].push(value);
+    } else {
+        obj[p1] = [
+            obj[p1],
+            value
+        ];
+    }
+}
+function formDataToObject(formData) {
+    const obj = {};
+    for (const [key, value] of formData.entries()){
+        set(obj, key, value);
+    }
+    return obj;
+}
+
+exports.formDataToObject = formDataToObject;

package/dist/app-dir/formDataToObject.mjs

@@ -0,0 +1,32 @@
+/* eslint-disable @typescript-eslint/no-non-null-assertion */ function set(obj, path, value) {
+    if (typeof path === 'string') {
+        path = path.split(/[\.\[\]]/).filter(Boolean);
+    }
+    if (path.length > 1) {
+        const p = path.shift();
+        const isArrayIndex = /^\d+$/.test(path[0]);
+        obj[p] = obj[p] || (isArrayIndex ? [] : {});
+        set(obj[p], path, value);
+        return;
+    }
+    const p1 = path[0];
+    if (obj[p1] === undefined) {
+        obj[p1] = value;
+    } else if (Array.isArray(obj[p1])) {
+        obj[p1].push(value);
+    } else {
+        obj[p1] = [
+            obj[p1],
+            value
+        ];
+    }
+}
+function formDataToObject(formData) {
+    const obj = {};
+    for (const [key, value] of formData.entries()){
+        set(obj, key, value);
+    }
+    return obj;
+}
+
+export { formDataToObject };

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

@@ -1,11 +1,12 @@
-import { TRPCLink } from '@trpc/client';
-import { AnyRouter, inferRouterContext } from '@trpc/server';
+import type { TRPCLink } from '@trpc/client';
+import { type TransformerOptions } from '@trpc/client/unstable-internals';
+import type { AnyRouter, inferClientTypes, 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<inferClientTypes<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,EAAmB,QAAQ,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,SAAS,EAAiB,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAK5E,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,CAwDnB"}
+{"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,gBAAgB,EAChB,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,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AAGlD,wBAAgB,0BAA0B,CAAC,OAAO,SAAS,SAAS,EAClE,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAClC,QAAQ,CAAC,OAAO,CAAC,CA0DnB"}