fix: Buffer should clear when new comes (#205)

* fix: Buffer should clear when new comes

* docs: fix doc

Author: zombieJ

examples/follow.js renamed to examples/follow.tsx

@@ -4,8 +4,8 @@ import Align from '../src';
 const Demo = () => {
   const [width, setWidth] = React.useState(100);
   const [height, setHeight] = React.useState(100);
-  const [left, setLeft] = React.useState(100);
-  const [top, setTop] = React.useState(100);
+  const [left, setLeft] = React.useState<string | number>(100);
+  const [top, setTop] = React.useState<string | number>(100);
   const [visible, setVisible] = React.useState(true);
   const [svg, setSvg] = React.useState(false);
 

src/hooks/useBuffer.tsx

@@ -9,19 +9,19 @@ export default (callback: () => boolean, buffer: number) => {
   }
 
   function trigger(force?: boolean) {
+    cancelTrigger();
+
     if (!calledRef.current || force === true) {
       if (callback() === false) {
         // Not delay since callback cancelled self
         return;
       }
 
       calledRef.current = true;
-      cancelTrigger();
       timeoutRef.current = window.setTimeout(() => {
         calledRef.current = false;
       }, buffer);
     } else {
-      cancelTrigger();
       timeoutRef.current = window.setTimeout(() => {
         calledRef.current = false;
         trigger();