How to have Sorting Event function to call

[michaeljota]

We are currently using react-data-table-component in our project, but we are in progress to migrate to this one (As this one will allow more control over the UI). One thing I've been struggling with is to replicate the onSort function of the RDTC. This prop gets called when a sort happens, with the property being sorted, and the new sort direction.

We are creating a new component for the table, and the goal is to get more or less the same signature of the RDTC but using react-table, and creating our own UI components. I have sorting working, but I can't find a way to make this call properly.

Ideally what I would like to do, is to create a function with the same signature, as we are using this heavily.

I try to hook this with capturing the onClick event of the getSortByToggleProps, and as I understand maybe I could pass some prop to do this, but I don't know how I could do that.

[michaeljota]

As suggested in the Discord channel:

const {
   state: {
      sortBy
    }
  } = useTable<T>(
    {
      columns,
      data,
    },
    useSortBy,
  );

  useEffect(() => {
    onSort(sortBy);
  }, [onSort, sortBy]);