'How to filter an array of object in Mui DataGrid?

I recently changed my tables to Mui-datagrid on Material UI 5, and I have a special use case with an array of objects. I want to enable the phone number filter in this column, but the number is provided as an object list.

 phone: [
  { type: "home", number: "795-946-1806" },
  { type: "mobile", number: "850-781-8104" }
]

I was expecting a 'customFilterAndSearch' or an option to customise how to search in this specific field.

   customFilterAndSearch: (term, rowData) =>
    !!rowData?.suppressedOptions.find(({ description }) =>
      description?.toLowerCase().includes(term.toLowerCase())
    ),

I have made some tries with the filterOperators, but no success yet. I have made a full example here https://codesandbox.io/s/mui-data-grid-vs05fr?file=/demo.js



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source