Skip to content

Commit e708e38

Browse files
committed
feat: create useDebounce Hook
1 parent 200fdba commit e708e38

File tree

1 file changed

+17
-0
lines changed

1 file changed

+17
-0
lines changed

src/hooks/use-debounce.ts

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import { useEffect, useState } from "react";
2+
3+
export const useDebounce = (value: string) => {
4+
const [debouncedValue, setDebouncedValue] = useState("");
5+
6+
useEffect(() => {
7+
const timeOut = setTimeout(() => {
8+
setDebouncedValue(value);
9+
}, 250);
10+
11+
return () => {
12+
clearTimeout(timeOut);
13+
};
14+
}, [value]);
15+
16+
return { debouncedValue };
17+
};

0 commit comments

Comments
 (0)