FormDataConsumer not working properly inside 'Filter'

What you were expecting:

FormDataConsumer to be used in Filters, so that we can have a filter with subcat values filtered based on another filter with cat values.

What happened instead: The filter does not appear correctly:

Other information:

      <FormDataConsumer>
        {({ formData, ...rest }) =>
          formData.cat_id && (
            <ReferenceInput
              // key={formData.cat_id}
              label="ΥΠΟΚΑΤΗΓΟΡΙΑ" 
              source="subCat_id"
              reference="subCategories"
              filter={{ cat_id: formData.cat_id }}
              {...rest}
            >
              <SelectInput optionText="name" />
            </ReferenceInput>
          )
        }
      </FormDataConsumer>

Environment

• React-admin version: v2.2

[dennes544]

Found solution to filter based on another filter without FormDataConsumer

<ReferenceInput source="filialid" reference="filials">
            <SelectInput optionText="filialname"/>
        </ReferenceInput>

        {props.filterValues.filialid &&
        <ReferenceInput
            key={props.filterValues.filialid}
            source="cabinetid"
            reference="cabinets"
            perPage={200}
            filter={{ filialid: props.filterValues.filialid }}
        >
            <SelectInput optionText="cabinetname"/>
        </ReferenceInput>}

Works like a charm

[amayatsky]

In case anyone cames in here wondering how to reset the dependent filter value, here is a solution:

<FormDataConsumer form={'filterForm'} alwaysOn source='stateId'>
      {({ formData, dispatch, ...rest }) => (
        <ReferenceInput
          resource={props.resource}
          source='stateId'
          reference='states'
          onChange={value => {
            dispatch(change('filterForm', 'districtId', null));
          }}
          allowEmpty>
          <SelectInput optionText='name' />
        </ReferenceInput>
      )}
    </FormDataConsumer>

    {(props.filterValues.stateId || props.filterValues.districtId) && (
      <ReferenceInput
        key={props.filterValues.stateId}
        source='districtId'
        reference='districts'
        filter={{ stateId: props.filterValues.stateId }}
        alwaysOn>
        <SelectInput optionText='name' />
      </ReferenceInput>
    )}