cancel animation frame on un-mount

src/useScroll.ts

@@ -11,35 +11,38 @@ const useScroll = (ref): State => {
   const [state, setState] = useState<State>({
     x: isClient ? window.scrollX : 0,
     y: isClient ? window.scrollY : 0
-  })
+  });
 
   useEffect(() => {
     const handler = () => {
-      cancelAnimationFrame(frame.current)
 
       frame.current = requestAnimationFrame(() => {
         setState({
           x: ref.current.scrollLeft,
           y: ref.current.scrollTop
-        })
-      })
+        });
+      });
     }
 
     if (ref && ref.current) {
       ref.current.addEventListener('scroll', handler, {
         capture: false,
         passive: true
-      })
+      });
     }
 
     return () => {
+      if (frame.current) {
+        cancelAnimationFrame(frame.current);
+      }
+
       if (ref && ref.current) {
-        ref.current.removeEventListener('scroll', handler)
+        ref.current.removeEventListener('scroll', handler);
       }
     };
-  }, [ref])
+  }, [ref]);
 
-  return state
+  return state;
 }
 
 export default useScroll