add clear function

src/index.js

@@ -1,20 +1,26 @@
-import React, { useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 
 export function useDebouncedEffect(callback, delay, deps = []) {
-  const firstUpdate = useRef(true);
+  const data = useRef({ firstTime : true });
   useEffect(() => {
-      if (firstUpdate.current) {
-        firstUpdate.current = false;
-        return;
+    const { firstTime, clearFunc } = data.current;
+
+    if (firstTime) {
+      data.current.firstTime = false;
+      return;
+    }
+
+    const handler = setTimeout(() => {
+      if (clearFunc && typeof clearFunc === 'function') {
+        clearFunc();
       }
-      const handler = setTimeout(() => {
-        callback();
-      }, delay);
+      data.current.clearFunc = callback();
+    }, delay);
 
-      return () => {
-        clearTimeout(handler);
-      };
-    },
+    return () => {
+      clearTimeout(handler);
+    };
+  },
     [delay, ...deps],
   );
 }