QuickFilter in List view is replaced by "Save query" in listFilter array when toggled

What you were expecting: When using QuickFilters (as described as here), the toggling via the “Add Filter” button should work. The toggled QuickFilter option should disappear from the “Add Filter” dropdown.

What happened instead: After I have enabled the quick filter, the dropdown of the “Add Filter” button shows a new entry instead of the activated QuickFilter, which shows the “Save current query” function even though it is not explicitely enabled anywhere.

Steps to reproduce: The bug is reproducible in the default RA CodeSandbox of v4

Related code:

const postFilter = [
    <SearchInput source="q" alwaysOn />,
    <TextInput source="title" defaultValue="Qui tempore rerum et voluptates" />,
    <QuickFilter
        label="resources.posts.fields.commentable"
        source="commentable"
        defaultValue
    />,
];

Other information:

Environment

• React-admin version: 4.0.1
• React version: 17.0.2
• Browser: Chrome Version 100.0.4896.60

[fzaninotto]

Ah, right: The GIF from the documentation that you pointed does indeed need to be updated.

https://marmelab.com/react-admin/FilteringTutorial.html#quick-filters

[joobacca]

@fzaninotto The filter “Tagged Code” is added, then “Low views”, after the user hovers over the active chips in the List. Here the GIF I was referring to, to avoid misunderstandings