- Published
- Author
- Anujeet SwainSystem Analyst
Query Defaults in React-Query
Any option we pass to React-Query besides the
• Passing
• Setting default options for subset of queries using
• Setting default options within useQuery for fine grain control over specific query.
Each method takes precedence over the others in this order.
#react-query #customizing-defaults
Any option we pass to React-Query besides the
query key can have its default values and can be set by following ways:• Passing
defaultOptions object to query client as global defaults.Code
const queryClient = new QueryClient(
defaultOptions: {
queries: {
staleTime: 10 * 1000
}
}
}• Setting default options for subset of queries using
Fuzzy Matching by setQueryDefaults methodCode
queryClient.setQueryDefaults(
['todos','list'],
{staleTime: 10 * 1000}
)
//This sets default stale time of 10secs for all the matched queries having keys 'todos' and 'list'• Setting default options within useQuery for fine grain control over specific query.
Code
useQuery({
queryKey: ['todo'],
staleTime: 10 * 1000,
});Each method takes precedence over the others in this order.
#react-query #customizing-defaults