All files / packages/app/hooks use-debounced-value.ts

100% Statements 8/8
100% Branches 0/0
100% Functions 4/4
100% Lines 7/7

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    138x 1616x 1616x 144x 78x   144x   1616x    
import React from "react";
 
export const useDebouncedValue = <T>(value: T, delay: number) => {
	const [debouncedValue, setDebouncedValue] = React.useState(value);
	React.useEffect(() => {
		const handler = setTimeout(() => {
			setDebouncedValue(value);
		}, delay);
		return () => clearTimeout(handler);
	}, [value, delay]);
	return debouncedValue;
};