クエリを無効化

クエリを無効にするには、skipTokenをuseQueryまたはuseInfiniteQueryの最初の引数として渡します。これにより、クエリの実行が防止されます。

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