Merge pull request #1215 from visualize-admin/fix/interactive-segment…

…-filters-toggle

fix: Interactive segment filters toggle

CHANGELOG.md

@@ -13,6 +13,8 @@ You can also check the [release page](https://github.com/visualize-admin/visuali
   - Added a new group of charts – Combo charts – that includes multi-measure line, dual-axis line and column-line charts
   - Added a way to edit and remove charts for logged in users
   - Improved user profile page
+- Fixes
+  - It's now again possible to enable interactive segment filters
 
 # [3.22.9] - 2023-10-06
 

app/configurator/interactive-filters/interactive-filters-config-state.tsx

@@ -15,14 +15,18 @@ export const useInteractiveFiltersToggle = (target: "legend") => {
   const chartConfig = getChartConfig(state);
   const onChange = useEvent((e: ChangeEvent<HTMLInputElement>) => {
     if (chartConfig.interactiveFiltersConfig?.[target]) {
-      chartConfig.interactiveFiltersConfig[target].active =
-        e.currentTarget.checked;
-    }
+      const newConfig = produce(
+        chartConfig.interactiveFiltersConfig,
+        (draft) => {
+          draft[target].active = e.currentTarget.checked;
+        }
+      );
 
-    dispatch({
-      type: "INTERACTIVE_FILTER_CHANGED",
-      value: chartConfig.interactiveFiltersConfig,
-    });
+      dispatch({
+        type: "INTERACTIVE_FILTER_CHANGED",
+        value: newConfig,
+      });
+    }
   });
 
   const stateValue = get(