[data grid] How to get filters value using apiRef?

[achoud444]

Steps to reproduce

Steps:

1. Open this link to live example: (required)

Current behavior

I am using the premium version of DataGrid and have a header filter with a Select component that allows multiple values. You can find the implementation here: link.

Currently, I am storing the selected values in the state, but the issue is that I have to include this state in the useMemo dependency array, which causes unnecessary re-renders of the component and the useMemo hook.

Is there a way to directly use apiRef to retrieve the selected filter values? I am already using apiRef.current.setFilterModel to apply the filter, so I would like something similar to apiRef.current.getFilterModel to access the current selected values without triggering re-renders.

Expected behavior

No response

Context

No response

Your environment

npx @mui/envinfo

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

Search keywords: How to get filters value using apiRef?

[michelengelen]

Hey @achoud444 ... there is no live example to view for us, just a sandbox of a docs demo.

Could you implement what you want to achieve in a minimal way so we can have a look?

Also the problem you are describing is covered in the docs. Just use the controlled filterModel.

[github-actions]

The issue has been inactive for 7 days and has been automatically closed.