[v6] Is it possible to reset sort filter on columns on getting new data in table?

[mohdasim8025]

Here are the columns for table:

const columns = [
      {
        id: "nameId",
        Header: "Journey Name",
        accessor: 'journey_name',
        sortable: true,
        Cell: ({ original }) =>
          (<Hyperlink onClick={() => window.open(`url`)}>{original.journey_name}</Hyperlink>),
      },
      {
        id: "dateId",
        Header: "First Created Date",
        accessor:
              row => moment(row.first_created_at).format('DD MMM YYYY'),
        sortable: true,
        sortMethod: (a, b) => {
          const dateA = new Date(a);
          const dateB = new Date(b);
          return dateA > dateB ? -1 : (dateA < dateB ? 1 : 0);
        },
      },
    ];

The code snippet of my React Table v6(react-table-6):

<ReactTable
          className="loadJourneyModal"
          data={dataArray}
          filterable={false}
          columns={columns}
          defaultPageSize={10}
          showPageSizeOptions={false}
          PaginationComponent={PaginationComponent}
          NoDataComponent={() => <NoJourneysModalComponent />}
          sortable
 />

Version: "6.11.0"

I have a select dropdown field, based on its selected value different data is shown. On selecting a different value in select dropdown, the sort filters are still retained. I would like to reset the sort filter in react table on selecting a different option in dropdown i.e on loading new data. Please advise

[mohdasim8025]

@tannerlinsley Could you please advise on this?

[asharonbaltazar]

@mohdasim8025 This is what worked for me. I'm not sure whether this is how @tannerlinsley would advise, but nonetheless:

..., setSortBy } = useTable({ columns, data, })

useEffect(() => {
  setSortBy(newSortData);
}, [newSortData, setSortBy]);