I think in react-table (v7.7.0), you can avoid unexpected results in filters by adding `autoResetFilters: false` to `useTable` hook, (and also avoid unexpected results in sorting and pagination by adding `autoResetPage: false`, and `autoResetSortBy: false` to `useTable` hook) like so:
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-js -->
const tableInstance = useTable({ columns, data, autoResetPage: false, autoResetFilters: false, autoResetSortBy: false }, usePagination)
<!-- end snippet -->
You can also add `autoResetAll: false` instead of those three lines of code.

I solved this problem by adding `autoResetPage: false`, `autoResetFilters: false`, and `autoResetSortBy: false` to `useTable` hook like so:
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-js -->
const tableInstance = useTable({ columns, data, autoResetPage: false, autoResetFilters: false, autoResetSortBy: false }, usePagination)
<!-- end snippet -->