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 (
    ...
  )
}