Merge pull request #70 from certego/develop

v0.1.10

CHANGELOG.md

@@ -2,6 +2,9 @@
 
 **[Get it on npm](https://www.npmjs.com/package/certego-ui)**
 
+## [v0.1.10](https://github.com/certego/certego-ui/releases/tag/v0.1.9)
+Fixed bug in debounce filter
+
 ## [v0.1.9](https://github.com/certego/certego-ui/releases/tag/v0.1.9)
 Update axios and "size" property
 

example/src/layouts/AppFooter.jsx

@@ -5,7 +5,7 @@ import { FaTwitter } from "react-icons/fa";
 import { Toaster, ScrollToTopButton, useToastr } from "@certego/certego-ui";
 
 // constants
-const CERTEGO_UI_VERSION = "v0.1.9";
+const CERTEGO_UI_VERSION = "v0.1.10";
 const selector = (state) => state.toasts;
 
 function AppFooter() {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@certego/certego-ui",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "certego components library (react.js, reactstrap, etc)",
   "author": "certego",
   "license": "MIT",

src/hooks/useDebounceInput.jsx

@@ -4,11 +4,16 @@ import React from "react";
  * React hook for debounce input. 
  */
 export default function useDebounceInput(inputValue, delay, setFunction) {
-    React.useEffect(() => {
+  const initialized = React.useRef("");
+  React.useEffect(() => {
+    if (initialized.current !== inputValue) {
+      initialized.current = inputValue;
       const timer = setTimeout(() => {
         setFunction(inputValue);
       }, delay);
       return () => clearTimeout(timer);
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [inputValue]);
+    }
+    return null;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [inputValue]);
 }