From 0959b80180541a529a93bdfec7548b2f3a10f6f6 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Tue, 26 Apr 2022 11:54:47 +0800
Subject: [PATCH 1/2] fix: Buffer should clear when new comes

---
 src/hooks/useBuffer.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/hooks/useBuffer.tsx b/src/hooks/useBuffer.tsx
index 26c89bc..e024e03 100644
--- a/src/hooks/useBuffer.tsx
+++ b/src/hooks/useBuffer.tsx
@@ -9,6 +9,8 @@ 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
@@ -16,12 +18,10 @@ export default (callback: () => boolean, buffer: number) => {
       }
 
       calledRef.current = true;
-      cancelTrigger();
       timeoutRef.current = window.setTimeout(() => {
         calledRef.current = false;
       }, buffer);
     } else {
-      cancelTrigger();
       timeoutRef.current = window.setTimeout(() => {
         calledRef.current = false;
         trigger();

From b69cff20ea7a3c06a6488b720779975d4c34aa0f Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Tue, 26 Apr 2022 12:08:40 +0800
Subject: [PATCH 2/2] docs: fix doc

---
 examples/{follow.js => follow.tsx} | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)
 rename examples/{follow.js => follow.tsx} (94%)

diff --git a/examples/follow.js b/examples/follow.tsx
similarity index 94%
rename from examples/follow.js
rename to examples/follow.tsx
index 6668ddd..d20358b 100644
--- a/examples/follow.js
+++ b/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);