Sorting issue

[denisjovic]

Hi all,
I am new to both React and react-table and I am trying to implement simple alphabetical sorting on one of my columns but can't figure it out. I of course added useSortBy as seen in docs/examples, but it just kind of reverses the table up and down and that's all, elements don't actually get sorted. In all the examples I saw, it seems that 'alphanumeric' should be default sort type.

I checked the docs and I believe this is the part I need to implement, but I am confused on how to apply it.
sortType: String | Function(rowA: , rowB: , columnId: String, desc: Bool)

If my Columns look something like this, where should I add the sortType?

{
Header: 'File name',
accessor: (row) => <p>{row.name}</p>
**/*I want to sort this column alphabetically */**
},
{
Header: 'File date',
accessor: (row) => <p>{row.date}</p>
},
{
Header: 'File URL',
accessor: (row) => <p>{row.url}</p>,
disableSortBy: true
},

I tried this, but nothing happens.

{
      Header: 'File name',
      accessor: (row) => <p>{row.name}</p>,
      sortType: 'alphanumeric',
      isSorted: true
},

Does anyone had similar issue or has an idea of how to approach this? Thanks in advance.