AG-grid: sorting for custom rendered colums

sorting.ts

const myColDefs = [{
    headerName: 'Header Name',
    sortable: true,
    cellRenderer: 'propName',
    comparator: (valueA: any, valueB: any, nodeA: RowNode, nodeB: RowNode, isInverted: boolean) =>
      sortColumnAlphabetically<User>('status', nodeA, nodeB)
  }]

export function sortColumnAlphabetically<T>(key: keyof T, nodeA: any, nodeB: any): number {
  const [valueA, valueB] = [nodeA.data[key], nodeB.data[key]];
  return valueB.localeCompare(valueA);
}