diff --git a/src/content/Components/LineSidebar/LineSidebar.jsx b/src/content/Components/LineSidebar/LineSidebar.jsx index 0266d7c1..8d1756b0 100644 --- a/src/content/Components/LineSidebar/LineSidebar.jsx +++ b/src/content/Components/LineSidebar/LineSidebar.jsx @@ -84,7 +84,10 @@ const LineSidebar = ({ }, []); const startLoop = useCallback(() => { - if (rafRef.current != null) return; + if (rafRef.current != null) { + cancelAnimationFrame(rafRef.current); + } + lastRef.current = performance.now(); rafRef.current = requestAnimationFrame(runFrame); }, [runFrame]); diff --git a/src/tailwind/Components/OptionWheel/OptionWheel.jsx b/src/tailwind/Components/OptionWheel/OptionWheel.jsx index f696f55f..fc54e940 100644 --- a/src/tailwind/Components/OptionWheel/OptionWheel.jsx +++ b/src/tailwind/Components/OptionWheel/OptionWheel.jsx @@ -127,7 +127,10 @@ const OptionWheel = ({ }, []); const startLoop = useCallback(() => { - if (rafRef.current != null) return; + if (rafRef.current != null) { + cancelAnimationFrame(rafRef.current); + } + lastRef.current = performance.now(); rafRef.current = requestAnimationFrame(runFrame); }, [runFrame]);