Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | import { reactQueryRetries } from "appConstants";
import { useEffect } from "react";
import {
QueryClient,
QueryClientProvider,
UseQueryOptions,
UseQueryResult,
} from "react-query";
import { createWebStoragePersistor } from "react-query/createWebStoragePersistor-experimental";
import { ReactQueryDevtools } from "react-query/devtools";
import { persistQueryClient } from "react-query/persistQueryClient-experimental";
export const queryClient = new QueryClient({
//grpc-web has built in timeout, so better not use the default exponential backoff
defaultOptions: {
queries: {
refetchOnWindowFocus: false,
retry: reactQueryRetries,
retryDelay: 0,
},
},
});
interface ReactQueryClientProviderProps {
children: React.ReactNode;
}
export function ReactQueryClientProvider({
children,
}: ReactQueryClientProviderProps) {
useEffect(() => {
const persistor = createWebStoragePersistor({
storage: localStorage,
throttleTime: 100,
});
persistQueryClient({
maxAge: 14 * 24 * 60 * 60 * 1000,
persistor,
queryClient,
});
}, []);
return (
<QueryClientProvider client={queryClient}>
{children}
<ReactQueryDevtools initialIsOpen={false} />
</QueryClientProvider>
);
}
declare module "react-query" {
export function useQueries<
TData = unknown,
TError = unknown,
TQueryFnData = TData
>(
queries: UseQueryOptions<TData, TError, TQueryFnData>[]
): UseQueryResult<TData, TError>[];
}
|