Should updating column definition functions update react-table's organization of the data?

[jeg924]

One of the features we want to give our users is a way to modify column filter/aggregation functions.

The way we allow this for filter functions is through a modal like this:

When the user selects a column and modifies the comparison value, we run code to update the column definitions:

 const updateColumnFilterFunction = (
    id: string,
    filterFn: FilterFnOption<VSDataTableRow>
  ): void => {
    const newColumnDefs = [...columnDefs];

    const indexToUpdate = newColumnDefs.findIndex(
      (columnToUpdate) => columnToUpdate.id === id
    );

    newColumnDefs[indexToUpdate] = {
      ...newColumnsDefs[indexToUpdate],
      filterFn,
    };
    onColumnDefsChange(newColumnDefs);

But that code isn't enough to update the table.

So in order to get the table to update, we update the filters state by setting it equal to a copy of itself:

 const newColumnFilters = [...columnFilters];
 onColumnFiltersChange(() => newColumnFilters);

Is there a better way to do this? Should react-table automatically re-apply filters and other state whenever the column definitions are updated?

cc @tannerlinsley