DataTable: filterDisplay menu

[rfdt]

Describe the bug

When I try to set the filterDisplays in the menu. That field for entering a filter throws out an error in reading the object. But the filter field is just a string. When I set the filters object as I read in another report, I get an additional field that I don’t need.

const [filters] = useState({
title: {

        value: "", matchMode: FilterMatchMode.STARTS_WITH
    },
    hardware_type: {value: null, matchMode: FilterMatchMode.CONTAINS}
});

const [filters] = useState({
title: {
operator: FilterOperator.AND,
constraints: [ {value: "", matchMode: FilterMatchMode.STARTS_WITH}]

    },
    hardware_type: {value: null, matchMode: FilterMatchMode.CONTAINS}
});

Reproducer

https://stackblitz.com/edit/vitejs-vite-pdxs5b?file=src%2FApp.tsx

PrimeReact version

^9.6.2

React version

18.x

Language

ES6

Build / Runtime

Create React App (CRA)

Browser(s)

Chrome 90

Steps to reproduce the behavior

Open filter menu for hostname and type into InputText

Expected behavior

No response

[melloware]

@rfdt I updated your example to 10.0.5 and its working fine. The bug was fixed in 10.0.0:
Try this: https://stackblitz.com/edit/vitejs-vite-cvylc9