Struggling with Typescript + setGlobalFilter

[mikemorton]

I have a react-table that is working nicely in typescript.

  const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } = useTable(
    { columns, data }
  );

I would like to add global filtering. If I simply add the plugin hook, it compiles:

  const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } = useTable(
    { columns, data },
    useGlobalFilter
  );

But if I try to add the setGlobalFilter option, I get a compiler error:

  const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow, setGlobalFilter } = useTable(
    { columns, data },
    useGlobalFilter
  );

ERROR in src/components/SubmissionTable.tsx:144:77
TS2339: Property 'setGlobalFilter' does not exist on type 'TableInstance<TableModel>'.

I have "@types/react-table": "^7.7.9" in my dev-dependencies and can confirm that it can find those types. It's not clear to me why it won't allow me to use setGlobalFilter after I pass in the useGlobalFilter plugin/hook.

[mikemorton]

Free stackoverflow karma if you know the answer and want to answer there as well: https://stackoverflow.com/questions/70911185/how-does-react-table-v7-7-9-work-in-typescript-with-global-filtering