mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2024-12-23 09:30:31 +03:00
Code Issues Projects Releases Packages Wiki Activity

Remove TimeoutToggle callback's dependency on initial value

Browse source
This commit is contained in:
Alejandro Celaya 2023-09-05 09:29:00 +02:00
parent 7a7884f38d
commit be1b474f41
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/utils/helpers/hooks.ts
View file

@ -15,16 +15,17 @@ export const useTimeoutToggle = (
clearTimeout = window.clearTimeout, clearTimeout = window.clearTimeout,
): [boolean, () => void] => { ): [boolean, () => void] => {
const [flag, setFlag] = useState<boolean>(initialValue); const [flag, setFlag] = useState<boolean>(initialValue);
const initialValueRef = useRef(initialValue);
const timeout = useRef<number | undefined>(undefined); const timeout = useRef<number | undefined>(undefined);
const callback = useCallback(() => { const callback = useCallback(() => {
setFlag(!initialValue); setFlag(!initialValueRef.current);
if (timeout.current) { if (timeout.current) {
clearTimeout(timeout.current); clearTimeout(timeout.current);
} }
timeout.current = setTimeout(() => setFlag(initialValue), delay); timeout.current = setTimeout(() => setFlag(initialValueRef.current), delay);
}, [clearTimeout, delay, initialValue, setTimeout]); }, [clearTimeout, delay, setTimeout]);
return [flag, callback]; return [flag, callback];
}; };