useActionQuery

Hook de lecture de @zapaction/query base sur useQuery.

​

useActionQuery

​

Signature

packages/query/src/useActionQuery.ts

export function useActionQuery<TInput, TOutput, TError = unknown, TData = TOutput>(
  action: DefinedAction<TInput, TOutput>,
  options: UseActionQueryOptions<TInput, TOutput, TError, TData>
): UseQueryResult<TData, TError>

​

Options obligatoires

Option	Type	Notes
input	TInput	Input de l’action
queryKey	QueryKey	Cle cache React Query
readPolicy	"read-only"	Garde-fou obligatoire

​

Exemple

components/todo-list.tsx

"use client";

import { useActionQuery } from "@zapaction/query";

import { listTodos } from "../app/actions";

const query = useActionQuery(listTodos, {
  input: {},
  queryKey: ["todos"],
  readPolicy: "read-only",
  staleTime: 30_000
});