|
|
|
import useSWR, { SWRConfiguration } from 'swr';
|
|
|
|
|
|
|
|
import fetcher from './fetchJSON';
|
|
|
|
|
|
|
|
const periodicFetch = <T>(
|
|
|
|
url: string,
|
|
|
|
{ refreshInterval = 5000, onSuccess }: SWRConfiguration = {},
|
|
|
|
): GetResponses => {
|
|
|
|
// The purpose of react-hooks/rules-of-hooks is to ensure that react hooks
|
|
|
|
// are called in order (i.e., not potentially skipped due to conditionals).
|
|
|
|
// We can safely disable this rule as this function is simply a wrapper.
|
|
|
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
|
|
const { data, error } = useSWR<T>(url, fetcher, {
|
|
|
|
refreshInterval,
|
|
|
|
onSuccess,
|
|
|
|
});
|
|
|
|
|
|
|
|
return {
|
|
|
|
data,
|
|
|
|
isLoading: !error && !data,
|
|
|
|
isError: error,
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
export default periodicFetch;
|