The React adapter for @tahanabavi/typefetch-query-core: useQuery, useMutation, and a provider. Deliberately thin — the engine already exposes subscribe / getSnapshot, so each hook is that contract handed to useSyncExternalStore. All caching, staleness, and invalidation live in the core.

bash

pnpm add @tahanabavi/typefetch-react

React >=18 is a peer dependency (the hooks rely on useSyncExternalStore). @tahanabavi/typefetch-query-core is re-exported, so a QueryClient needs no second direct dependency.

Setup

Build a client (declaring invalidation once) and put it in scope:

tsx

import { QueryClient, TypeFetchProvider } from "@tahanabavi/typefetch-react";
import { api } from "./api"; // a typefetch ApiClient

const client = new QueryClient({
  relations: { "user.updateUser": ["user.getUser"] },
});

export function Root() {
  return (
    <TypeFetchProvider client={client}>
      <App />
    </TypeFetchProvider>
  );
}