@repo/react-query

@repo/react-query centralizes TanStack React Query configuration. It re-exports core hooks (useQuery, useMutation, useInfiniteQuery, useQueryClient, keepPreviousData) and provides createQueryClient, getQueryClient (singleton), and a QueryClientProvider wrapper so the app has a single place to configure query client defaults.

Dependencies

flowchart LR
  reactQuery["@repo/react-query"]
  auth["@repo/auth"]
  ts["@repo/typescript-config"]
  reactQuery -.-> auth
  reactQuery -.-> ts

Usage

import { QueryClientProvider, getQueryClient } from "@repo/react-query";

function Providers({ children }: { children: React.ReactNode }) {
  const queryClient = getQueryClient();
  return (
    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
  );
}
Copy

import { useQuery } from "@repo/react-query";
Copy

Scripts