tanstack-fetchTyped Fetch for TanStack Query

By Mohammad Garmabi · Tiny HTTP core · typed errors · AbortSignal · SSR · SSE · tRPC — built for the queryFn mental model.

Get started

View on GitHub

Author

npm downloads

Query-native

Returns data, throws FetchError, honors signal — drop straight into useQuery / queryOptions.

~3.5KB core

Tree-shakeable entries for HTTP, SSE, React, plugins, and tRPC. No axios-sized stack.

Auth & status

getToken, onUnauthorized / 403 / 404 / 5xx, plus named plugins and interceptors.

SSR · SSE · Upload · tRPC

Cookie forwarding, fetch-based streams, multipart progress, and createTRPCFetchClient.

tanstack-fetch by Mohammad Garmabi — createFetch + TanStack Query demo

Created by Mohammad Garmabi · npm · GitHub · LinkedIn

All npm packages by Mohammad Garmabi →

Visual overview

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

const api = createFetch({ baseUrl: 'https://api.example.com' })

useQuery({
  queryKey: ['users'],
  queryFn: ({ signal }) => api.get<User[]>('/users', { signal }),
})