How to properly determine pageCount when doing server-side pagination

[Floriferous]

In the FAQ, it is mentioned that you can easily react on pagination changes via a useEffect hook like this:

  // When these table states change, fetch new data!
  React.useEffect(() => {
    onFetchData({ pageIndex, pageSize, sortBy, filters })
  }, [onFetchData, pageIndex, pageSize, sortBy, filters])

The problem with this, is it assumes data fetching only occurs because of a table state change. However data can change for outside factors, or even be real-time.

I'd like to know what the recommended pattern is to handle such use-cases?

Let's say that I delete a row via some kind of action, and I refetch my data afterwards with one fewer row, how am I supposed to update the pageCount, if I don't have the pageSize, since that information is in my ReactTable component, below?

// Some pseudo code
const DataTable = ({ dataFilters }) => {
  const [pageCount, setPageCount] = useState(1);

  // If an external factor causes new data to come in here, like a Select filter,
  // How do you change the pageCount, since you need the pageSize?
  const { data, totalCount, refetch } = useFetchData({ dataFilters });

  // If the table causes a refetch, easy we update the pageCount
  const onFetchData = ({ pageSize }) => {
    refetch().then(({ data, totalCount }) => {
      setPageCount(Math.ceil(totalCount / pageSize));
    })
  }

  return <ReactTable data columns pageCount onFetchData />
}

Is the only solution to keep the useTable hook above my data-fetching logic, so that I can use the state of the table directly? This kind of defeats the purpose of a pure Table component that can be enhanced with data-fetching though.