mirror of
https://github.com/mountain-loop/yaak.git
synced 2026-03-18 15:33:52 +01:00
20 lines
587 B
TypeScript
20 lines
587 B
TypeScript
import { useRef, useState } from 'react';
|
|
import { useUnmount } from 'react-use';
|
|
|
|
/** Returns a boolean that is true for a given number of milliseconds. */
|
|
export function useTimedBoolean(millis = 1500): [boolean, () => void] {
|
|
const [value, setValue] = useState(false);
|
|
const timeout = useRef<NodeJS.Timeout | null>(null);
|
|
const reset = () => timeout.current && clearTimeout(timeout.current);
|
|
|
|
useUnmount(reset);
|
|
|
|
const setToTrue = () => {
|
|
setValue(true);
|
|
reset();
|
|
timeout.current = setTimeout(() => setValue(false), millis);
|
|
};
|
|
|
|
return [value, setToTrue];
|
|
}
|