7b685cec66
* Add useTimer hook (& use in ApiStatsCtx) * Adjust useBounce (w/ timerId var) * Adjust getStats & mergeStats
38 lines
954 B
TypeScript
38 lines
954 B
TypeScript
// Copyright 2017-2023 @polkadot/react-components authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import { useEffect, useRef, useState } from 'react';
|
|
|
|
import { useIsMountedRef } from './useIsMountedRef';
|
|
|
|
export function useTimer <T> (stateFn: (prev: T) => T, initial: T, interval: number): T {
|
|
const [state, setState] = useState(initial);
|
|
const timerId = useRef<ReturnType<typeof setTimeout> | null>(null);
|
|
const mountedRef = useIsMountedRef();
|
|
|
|
useEffect((): () => void => {
|
|
function fire (): void {
|
|
timerId.current = null;
|
|
|
|
if (mountedRef.current) {
|
|
try {
|
|
setState(stateFn);
|
|
} catch (e) {
|
|
console.error(e);
|
|
}
|
|
|
|
timerId.current = setTimeout(fire, interval);
|
|
}
|
|
}
|
|
|
|
fire();
|
|
|
|
return (): void => {
|
|
timerId.current && clearTimeout(timerId.current);
|
|
};
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, []);
|
|
|
|
return state;
|
|
}
|