[BUG] useDataGrid with mui GridToolbarFilterButton (premium) does not work well

[3ops-jgheeraert]

Describe the bug

When useDataGrid is used with a MUI premium datagrid, my filter is behaving strangely. When I use "useList" in stead of useDataGrid it works well. Had this issue already been detected? What could be the reason?

Steps To Reproduce

1. A mui datagrid premium with a graphql dataprovider (useDataGrid)
2. Filter the data with the GridToolbarFilterButton
3. Add for instance 2 times a filter for the same column, differnt values (with OR)
4. When typing in the second OR filter, after a few ms my inserted value is moved to the upper filter field. So only one filter is left

Expected behavior

Normal filtering, without any issues. Filtering on the same field multiple times (AND/OR)

Packages

@mui/x-data-grid-premium@7.19.0
"@refinedev/mui": "^6.0.3",

Additional Context

No response

[alicanerdurmaz]

Hello @3ops-jgheeraert, thanks for the issue

I tested this using the table-material-ui-data-grid-pro example and was able to reproduce the issue.

Would you like to work on this task?

[3ops-jgheeraert]

Hi @alicanerdurmaz
Thank you for reproducing this issue. Unfortunately, I cannot participate in this task.