[Typescript] "Footer" is not inferred from Column type

Describe the bug (required)

I’m using Typescript with react-table, I wanted to add footer to table. However, when I define columns data Column type couldn’t infer Footer type.

Provide an example via Codesandbox! (required)

https://codesandbox.io/s/test-react-table-wwemm?file=/src/data.ts You can see Footer is causing type error

Expected behavior (Recommended)

Column type should be able to infer Footer type

Screenshot

Additional context

Related discussion: https://github.com/tannerlinsley/react-table/discussions/2882 (unsolved)

[EctordAniel]

Tengo el mismo problema.

[minemanemo]

I solved it by setting it like this:

• focus is that do not modify @types/react-table.

• Follow code is my react-table-config.d.ts (this code is base to URL)

import { UseTableColumnOptions as BasicUseTableColumnOptions } from 'react-table'

declare module 'react-table' {

  export type FooterProps<D extends object> = TableInstance<D>

  export interface UseTableColumnOptions<D extends object>
    extends BasicUseTableColumnOptions<D> {
    Footer?: Renderer<FooterProps<D>>
  }
}