diff --git a/app/(dashboard)/_components/search-input.tsx b/app/(dashboard)/_components/search-input.tsx
index ddc9fbc..e27d28f 100644
--- a/app/(dashboard)/_components/search-input.tsx
+++ b/app/(dashboard)/_components/search-input.tsx
@@ -2,7 +2,7 @@
 
 import qs from "query-string";
 import { Search } from "lucide-react";
-import { useDebounce } from "usehooks-ts";
+import { useDebounceValue } from "usehooks-ts";
 import { useRouter } from "next/navigation";
 import {
   ChangeEvent,
@@ -15,7 +15,7 @@ import { Input } from "@/components/ui/input";
 export const SearchInput = () => {
   const router = useRouter();
   const [value, setValue] = useState("");
-  const debouncedValue = useDebounce(value, 500);
+  const [debouncedValue] = useDebounceValue(value, 500);
 
   const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
     setValue(e.target.value);