[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.