Estoy tratando de ordenar datos con valores anidados en una cuadrícula de datos, pero no estoy definido en sortComparator of Data Grid Columns

Código: Configuración de datos de columna:

 { headerName: 'Title', field: `${this.props.type}.title`, width: 500, type: "string", renderCell: (valueReceived) => this.getImageorVideoLogo(valueReceived.row), sortComparator: this.titleSorting } titleSorting = (a,b)=>{ console.log(a); console.log(b); }

Cuadrícula de datos:

 <DataGrid rows={rowsDataGrid} columns={columnsDataGrid} components={{ Toolbar: this.getSearchTextField }} pageSize={5} rowsPerPageOptions={[5]} // checkboxSelection // disableSelectionOnClick autoHeight />

Problema, ambas consolas imprimen indefinidas. Idealmente, debería proporcionar toda la fila a y la fila b o al menos los datos de la columna de la fila a y los datos de la columna de la fila b.