diff --git a/src/ui/common/filter/AutocompleteFilter.tsx b/src/ui/common/filter/AutocompleteFilter.tsx
index 5cb5569c8d73ae347e8c53a7e59cedfb7766d3a3..ab242ea238719bb6fa827d2574a727ed01bef58b 100644
--- a/src/ui/common/filter/AutocompleteFilter.tsx
+++ b/src/ui/common/filter/AutocompleteFilter.tsx
@@ -129,7 +129,7 @@ class AutocompleteFilterInternal extends React.Component<IAutocompleteFilterInte
     const values = _.get(props, `${props.names[1]}.input.value`);
 
     this.state = {
-      excludedValues: null,
+      excludedValues: [],
       values,
       notValues,
       text: '',
@@ -143,7 +143,7 @@ class AutocompleteFilterInternal extends React.Component<IAutocompleteFilterInte
     const notValue = _.get(this.props, `${this.props.names[1]}.input.value`);
 
     this.setState({
-      excludedValues: null,
+      excludedValues: [],
       values: [ ...value ],
       notValues: [ ...notValue ],
       text: '',
@@ -274,7 +274,7 @@ class AutocompleteFilterInternal extends React.Component<IAutocompleteFilterInte
         { terms &&
           <Properties>
             <h5 className="pl-10 pt-1rem mb-10">{ t('common:f.suggestedFilters') }</h5>
-            { terms && Array.from(terms).slice(0, 10).filter(([key, value]) => !excludedValues || !excludedValues.includes(key)).map(([key, value]) => (
+            { terms && Array.from(terms).slice(0, 10).filter(([key, value]) => excludedValues.length === 0 || !excludedValues.includes(key)).map(([key, value]) => (
               <PropertiesItem key={ key } title={ key }  onClick={ () => input.onChange(this.maybeAdd(key)) } classes={ {...classes, propertiesRow: 'cursor-pointer'} }>
                   <span className="float-right">
                     <Number value={ value }/>
diff --git a/src/ui/common/filter/StringArrFilter.tsx b/src/ui/common/filter/StringArrFilter.tsx
index 2c0cc34bd91766534cd4e974a8c7fd0a627a5070..d38671f16c0b577a55b840b8ff617d3e31fb3b8b 100644
--- a/src/ui/common/filter/StringArrFilter.tsx
+++ b/src/ui/common/filter/StringArrFilter.tsx
@@ -138,7 +138,7 @@ class InternalStringArrField extends React.Component<IStringArrFilterInternal &
         const values = _.get(props, `${props.names[1]}.input.value`);
 
         this.state = {
-            excludedValues: null,
+            excludedValues: [],
             values,
             notValues,
             text: '',
@@ -151,7 +151,7 @@ class InternalStringArrField extends React.Component<IStringArrFilterInternal &
         const notValue = _.get(this.props, `${this.props.names[1]}.input.value`);
 
         this.setState({
-            excludedValues: null,
+            excludedValues: [],
             values: [ ...value ],
             notValues: [ ...notValue ],
             text: '',
@@ -402,7 +402,7 @@ class InternalStringArrField extends React.Component<IStringArrFilterInternal &
                 { !withOptions && terms &&
                 <Properties>
                     <h5 className="pl-10 pt-1rem mb-10">{ t('common:f.suggestedFilters') }</h5>
-                    { terms && Array.from(terms).slice(0, 10).filter(([key, value]) => !excludedValues || !excludedValues.includes(key)).map(([key, value]) => (
+                    { terms && Array.from(terms).slice(0, 10).filter(([key, value]) => excludedValues.length === 0 || !excludedValues.includes(key)).map(([key, value]) => (
                         <PropertiesItem key={ key } title={ key }  onClick={ () => input.onChange(this.maybeAdd(key)) } classes={ {...classes, propertiesRow: 'cursor-pointer'} }>
                             <span className="float-right">
                                 <Number value={ value }/>