diff --git a/src/hooks/useDebounce.ts b/src/hooks/useDebounce.ts
index 93625446..44395cef 100644
--- a/src/hooks/useDebounce.ts
+++ b/src/hooks/useDebounce.ts
@@ -1,18 +1,19 @@
-import { useState, useEffect } from 'react';
-const isMounted = useRef(true);
-  useEffect(() => {
-    isMounted.current = true;
-    const handler = setTimeout(() => {
-      if (isMounted.current) {
-        setDebouncedValue(value);
-      }
-    }, delay);
+import { useState, useEffect, useRef } from "react";
 
-    return () => {
-      clearTimeout(handler);
-      isMounted.current = false; /
-    };
-  }, [value, delay]);
+// Inside your custom useDebounce hook function:
+const isMounted = useRef(true); 
 
-  return debouncedValue;
-}
+useEffect(() => {
+  isMounted.current = true; 
+
+  const handler = setTimeout(() => {
+    if (isMounted.current) {
+      setDebouncedValue(value);
+    }
+  }, delay);
+
+  return () => {
+    clearTimeout(handler);   
+    isMounted.current = false; 
+  };
+}, [value, delay]);