Callbacks

Hook callbacks are a way to perform custom logic based on the current action execution status. You can provide them both to useAction and useOptimisticAction in the last optional argument, which is an object. All of them are optional:

const action = useAction(testAction, {
  onExecute: (input) => {},
  onSuccess: (data, input, reset) => {},
  onError: (error, input, reset) => {},
  onSettled: (result, input, reset) => {},
});

Here is the full list of callbacks, with their behavior explained. All of them are optional and have return type void or Promise<void> (async or non-async functions with no return):

Name	HookActionStatus state	Arguments
onExecute?	"executing"	input: InferIn<S>
onSuccess?	"hasSucceeded"	data: Data, input: InferIn<S>, reset: () => void
onError?	"hasErrored"	error: Omit<HookResult<S, Data>, "data">, input: InferIn<S>, reset: () => void
onSettled?	"hasSucceeded" or "hasErrored" (after onSuccess and/or onError)	result: HookResult<S, Data>, input: InferIn<S>, reset: () => void