Material UI data grid filter not working when using renderCell in a field

Question

I am working in a react project and i am using Data Grid. There are several fields on that grid , the filter is working good with the other fields but not working with the field that use renderCell. Is there any way to filter the movie title? here is the code :

 const columns = [
{ field: "_id", headerName: "ID", width: 110 },
{
  field: "movie",
  headerName: "Movie",
  width: 240,

  renderCell: (params) => {
    return (
      <div className={Style.usercell}>
        <img src={params.row.featuredImg} alt="" />
        <span>{params.row.title}</span>
      </div>
    );
  },
},
{ field: "genre", headerName: "Genre", width:  120 },
{ field: "year", headerName: "Year", width:  120 } ]

Answer 1

Add this:

  renderCell: (params) => {
    return (
      <div className={Style.usercell}>
        <img src={params.row.featuredImg} alt="" />
        <span>{params.row.title}</span>
      </div>
    );
  },
  valueGetter: (params) => params.row.title

Answer 2

有人找到可能的解决方案吗？