diff --git a/web/src/components/filter/CamerasFilterButton.tsx b/web/src/components/filter/CamerasFilterButton.tsx
index 5a7372954..da188b5d7 100644
--- a/web/src/components/filter/CamerasFilterButton.tsx
+++ b/web/src/components/filter/CamerasFilterButton.tsx
@@ -55,17 +55,14 @@ export function CamerasFilterButton({
 
   // ui
 
-  useEffect(
-    () => {
-      setCurrentCameras(
-        selectedCameras === undefined ? [...allCameras] : selectedCameras,
-      );
-      setAllCamerasSelected(selectedCameras === undefined);
-    },
+  useEffect(() => {
+    setCurrentCameras(
+      selectedCameras === undefined ? [...allCameras] : selectedCameras,
+    );
+    setAllCamerasSelected(selectedCameras === undefined);
     // only refresh when state changes
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [selectedCameras],
-  );
+  }, [selectedCameras]);
 
   const trigger = (
     <Button
diff --git a/web/src/components/filter/ReviewFilterGroup.tsx b/web/src/components/filter/ReviewFilterGroup.tsx
index ec77b8de6..95790b171 100644
--- a/web/src/components/filter/ReviewFilterGroup.tsx
+++ b/web/src/components/filter/ReviewFilterGroup.tsx
@@ -323,15 +323,12 @@ function GeneralFilterButton({
 
   // ui
 
-  useEffect(
-    () => {
-      setCurrentLabels(selectedLabels);
-      setCurrentZones(selectedZones);
-    },
+  useEffect(() => {
+    setCurrentLabels(selectedLabels);
+    setCurrentZones(selectedZones);
     // only refresh when state changes
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [selectedLabels, selectedZones],
-  );
+  }, [selectedLabels, selectedZones]);
 
   const trigger = (
     <Button
diff --git a/web/src/components/filter/SearchFilterGroup.tsx b/web/src/components/filter/SearchFilterGroup.tsx
index 420fdb09c..ceed1028c 100644
--- a/web/src/components/filter/SearchFilterGroup.tsx
+++ b/web/src/components/filter/SearchFilterGroup.tsx
@@ -263,14 +263,11 @@ function GeneralFilterButton({
 
   // ui
 
-  useEffect(
-    () => {
-      setCurrentLabels(selectedLabels);
-    },
+  useEffect(() => {
+    setCurrentLabels(selectedLabels);
     // only refresh when state changes
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [selectedLabels],
-  );
+  }, [selectedLabels]);
 
   const trigger = (
     <Button
@@ -460,14 +457,11 @@ function ZoneFilterButton({
 
   // ui
 
-  useEffect(
-    () => {
-      setCurrentZones(selectedZones);
-    },
+  useEffect(() => {
+    setCurrentZones(selectedZones);
     // only refresh when state changes
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [selectedZones],
-  );
+  }, [selectedZones]);
 
   const trigger = (
     <Button