Property 'getResizerProps' does not exist on type 'HeaderGroup<object>'

Describe the bug (required) getResizerProps() property does not work when using TypeScript with @types/react-table@7.0.26

Steps To Reproduce (required)

  
    const tableInstance = useTable(
        { columns, data },
        useBlockLayout,
        useResizeColumns,
    );
        
    const {
        getTableProps,
        headerGroups,
    } = tableInstance;
    
return (
    // apply the table props
   <div {...getTableProps()} className="table">
       <div className="table-header">
           {
               headerGroups.map(headerGroup => (
                   <div {...headerGroup.getHeaderGroupProps()} className="table-header-row">
                        { headerGroup.headers.map(column => (
                            <div {...column.getHeaderProps()} className="th">
                            {column.render('Header')}
                            <div
                              {...column.getResizerProps()} //Property 'getResizerProps' does not exist on type 'HeaderGroup<object>'.  TS2339
                            />
                          </div>
                        ))}
                   </div>
               ))
           }
       </div>
   </div>
  )

Expected behavior (Recommended)

getResizerProps should exist on column

[oltodo]

Simply add the bellow lines in a .d.ts file:

import { UseResizeColumnsColumnProps } from "react-table";

declare module "react-table" {
  export interface ColumnInstance<
    D extends Record<string, unknown> = Record<string, unknown>
  > extends UseResizeColumnsColumnProps<D> {}
}

[github-actions[bot]]

This issue is being marked as stale (no activity in the last 14 days)