Datagrid Header Filters don't display restored values (Only Text Type)

[daffron]

Steps to reproduce

Steps:

1. Open this link to live example: https://codesandbox.io/embed/xrpvsl?module=/src/Demo.tsx&fontsize=12

2. Add the headerFilters prop to enable them

3. Create a text filter under "Trader Name" & another boolean filter

4. Save the current view

5. Clear the current filters

6. Restore the view by clicking on the "Custom View" option

7. Observe that the "Trader Name" field is still empty

8. Observe that the boolean field has been populated correctly

9. Observe that after clicking the filter icon to open the filter box, the text field has been applied to the modal okay, just is not replicated in the header filters.

Current behavior

Header filters are not kept in sync with filterModel on restore

Expected behavior

Header filters should be kept in sync with filter model

Context

No response

Your environment

N/A - Was able to replicate on the sandbox linked from the docs as above

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: header filters state restore

Order ID: 87194

[michelengelen]

@daffron this is being handled already! Thanks @MBilalShafi 👍🏼

[daffron]

@daffron this is being handled already! Thanks @MBilalShafi 👍🏼

Awesome thank you!