fix: filter label doesnt update externally v4

Orfium · Nov 1, 2023 · 3872369 · 3872369
1 parent 62f598a
commit 3872369
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/Filter/Filter.tsx b/src/components/Filter/Filter.tsx
@@ -43,6 +43,10 @@ const Filter = React.forwardRef<HTMLButtonElement, Props>((props, ref) => {
   const [searchValue, setSearchValue] = React.useState('');
   const [filterLabel, setFilterLabel] = React.useState(selectedItem?.label ?? defaultValue.label);
 
+  React.useEffect(() => {
+    setFilterLabel(selectedItem?.label ?? defaultValue.label);
+  }, [defaultValue.label, selectedItem?.label]);
+
   const hasSelectedValue =
     Boolean(selectedItem?.value) && selectedItem?.value !== defaultValue.value;