From 4f0a7d961a5318520f393ff2b92245ca7d1bcdec Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Thu, 4 Apr 2024 08:20:31 -0500
Subject: [PATCH] debounce motion only button

---
 web/src/components/filter/ReviewFilterGroup.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/components/filter/ReviewFilterGroup.tsx b/web/src/components/filter/ReviewFilterGroup.tsx
index 4d2e1db8e..1e2755036 100644
--- a/web/src/components/filter/ReviewFilterGroup.tsx
+++ b/web/src/components/filter/ReviewFilterGroup.tsx
@@ -633,10 +633,10 @@ function ShowMotionOnlyButton({
 }: ShowMotionOnlyButtonProps) {
   const [motionOnlyButton, setMotionOnlyButton] = useState(motionOnly);
 
-  useEffect(
-    () => setMotionOnly(motionOnlyButton),
-    [motionOnlyButton, setMotionOnly],
-  );
+  useEffect(() => {
+    const timeoutId = setTimeout(() => setMotionOnly(motionOnlyButton), 10);
+    return () => clearTimeout(timeoutId);
+  }, [motionOnlyButton, setMotionOnly]);
 
   return (
     <>