api-hook-wiring

To connect React Query to APIs with Axios, create an api/{resource}.js service module defining HTTP calls, then wire them to useQuery and useMutation hooks in your components to fetch and mutate data.

The best way to handle cache invalidation with React Query mutations is using custom useMutation wrappers that automatically invalidate query lists, show toast notifications, and support optional router redirects.

useInfiniteQuery wrappers simplify paginated data fetching in React by automatically constructing URLs and handling query parameters, streamlining pagination across pages and components.

Yes, you need separate Axios instances for endpoint security: use axiosAuth for admin endpoints and standard axios for public endpoints when defining HTTP calls in your api/{resource}.js module.

Yes, you can redirect users after a React Query mutation because the custom useMutation hooks support optional router redirects alongside automatic cache invalidation and toast notifications.

React Query hooks fail to build API URLs when bypassing the provided custom wrappers, which handle automatic URL construction and query parameter handling based on your api/{resource}.js definitions.