From 201d6485e9dd21e9b9df11ea89a1c82e9802b44a Mon Sep 17 00:00:00 2001
From: FatttSnake <fatttsnake@gmail.com>
Date: Mon, 11 Sep 2023 18:31:58 +0800
Subject: [PATCH] Fix can not remove event listener bug

---
 src/components/HideScrollbar.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/HideScrollbar.tsx b/src/components/HideScrollbar.tsx
index 815f7fd..76a3714 100644
--- a/src/components/HideScrollbar.tsx
+++ b/src/components/HideScrollbar.tsx
@@ -44,20 +44,19 @@ const HideScrollbar = forwardRef<HideScrollbarElement, HideScrollbarProps>((prop
     const [horizontalScrollbarWidth, setHorizontalScrollbarWidth] = useState(0)
 
     const { isPreventScroll, ..._props } = props
-
-    const handleDefaultWheel = (event: WheelEvent) => {
+    const handleDefaultWheel = useCallback((event: WheelEvent) => {
         event.preventDefault()
-    }
+    }, [])
 
-    const handleDefaultTouchmove = (event: TouchEvent) => {
+    const handleDefaultTouchmove = useCallback((event: TouchEvent) => {
         event.preventDefault()
-    }
+    }, [])
 
-    const handleDefaultClickMiddleMouseButton = (event: MouseEvent) => {
+    const handleDefaultClickMiddleMouseButton = useCallback((event: MouseEvent) => {
         if (event.button === 1) {
             event.preventDefault()
         }
-    }
+    }, [])
 
     const handleDefaultKeyDown = (event: KeyboardEvent) => {
         if (