Disabling Queries
To disable queries, you can pass skipToken
as the first argument to useQuery
or useInfiniteQuery
. This will prevent the query from being executed.
Typesafe conditional queries using skipToken
tsx
import { skipToken } from '@tanstack/react-query';export function MyComponent() {const [name, setName] = useState<string | undefined>();const result = trpc.getUserByName.useQuery(name ? { name: name } : skipToken);return (...)}
tsx
import { skipToken } from '@tanstack/react-query';export function MyComponent() {const [name, setName] = useState<string | undefined>();const result = trpc.getUserByName.useQuery(name ? { name: name } : skipToken);return (...)}