tanstack-query-intent-core-cancel-queries-and-consume-a-19e3bf0b

Setup

import { useQuery } from '@tanstack/react-query'

export function useTodo(todoId: string) {
  return useQuery({
    queryKey: ['todo', todoId],
    queryFn: async ({ signal }) => {
      const response = await fetch(`/api/todos/${todoId}`, { signal })
      return response.json() as Promise<{ id: string; title: string }>
    },
  })
}

Core Patterns

Cancel before optimistic writes