diff --git a/src/useScrolling.ts b/src/useScrolling.ts
index a84ec99e05..a631e6540d 100644
--- a/src/useScrolling.ts
+++ b/src/useScrolling.ts
@@ -3,27 +3,28 @@ import { RefObject, useEffect, useState } from 'react';
 const useScrolling = (ref: RefObject<HTMLElement>): boolean => {
   const [scrolling, setScrolling] = useState<boolean>(false);
 
-  useEffect(
-    () => {
-      if (ref.current) {
-        let scrollingTimeout;
+  useEffect(() => {
+    if (ref.current) {
+      let scrollingTimeout;
 
-        const handleScrollEnd = () => {
-          setScrolling(false);
-        };
+      const handleScrollEnd = () => {
+        setScrolling(false);
+      };
 
-        const handleScroll = () => {
-          setScrolling(true);
-          clearTimeout(scrollingTimeout);
-          scrollingTimeout = setTimeout(() => handleScrollEnd(), 150);
-        };
+      const handleScroll = () => {
+        setScrolling(true);
+        clearTimeout(scrollingTimeout);
+        scrollingTimeout = setTimeout(() => handleScrollEnd(), 150);
+      };
 
-        ref.current.addEventListener('scroll', handleScroll, false);
-        return () => ref.current.removeEventListener('scroll', handleScroll, false);
-      }
-    },
-    [ref.current],
-  );
+      ref.current.addEventListener('scroll', handleScroll, false);
+      return () => {
+        if (ref.current) {
+          ref.current.removeEventListener('scroll', handleScroll, false);
+        }
+      };
+    }
+  }, [ref.current]);
 
   return scrolling;
 };