Custom Sort by pivot element determined by Cell.

[sbimochan]

Suppose this is a column

{
  Header: 'Account Status',
  accessor: 'status',
  Cell: ({ row }) => {
    const { original } = row;

    return (<StatusCalculator arg1={original.arg1} arg2={original.arg2/>);
  }
}

And Status Calculator has some switch cases that checks for twos args and displays custom value with varying font color.
So, how can we take input of the final value and insert that text as a sort pivoting value?
Because currently it will sort according to server sent value in status key and sorts as bug.

[sbimochan]

One solution I found is working on accessor like

accessor: (row) =>  {
return userStatusCalculator(row.cg1ra, row.arg2);
}

Is this the preferred?