[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [useDebounce](./x-components.usedebounce.md) ## useDebounce() function Composable which wraps the function passed as parameter into a debounced function and returns it. It also cancels the debounced function when component is unmounted. **Signature:** ```typescript export declare function useDebounce(fn: (...args: Params) => void, debounceTimeInMs: number, debounceOptions?: DebounceOptions): import("../utils/types").DebouncedFunction; ``` ## Parameters

Parameter	Type	Description
fn	(...args: Params) => void	Function to be debounced.
debounceTimeInMs	number	Time of debounce in ms.
debounceOptions	[DebounceOptions](./x-components.debounceoptions.md)	_(Optional)_ The options for the debounce strategy.

**Returns:** import("../utils/types").[DebouncedFunction](./x-components.debouncedfunction.md)<Params> Debounced function obtained from `fn` parameter.