@types/react-table does not recognize Footer on Column

[MonkeyDZeke]

I'm trying to use a Footer by setting it in the columns array like so:

const columns: Column<myDataType>[] = [
  {
    Header: 'Column Name',
    accessor: col => col.name,
    Footer: 'Footer Name',
  },
]

But I'm getting a Types error saying that 'Footer' does not exist in type 'Column'. I went and looked in the index.d.ts and searched for 'Footer' and sure enough, it is never mentioned as an accepted property for a Column. Am I doing something wrong, perchance, with how I'm using react-table? If not, does anyone have advice on how to make the types work for me locally until it can get fixed in @types/react-table?

[timngo127]

I am having the same issue. Have you found a solution?

[MonkeyDZeke]

I have not yet, unfortunately. I went to try and modify the types directly but that ended up a mess.

[uaite]

I also have this problem, if anyone has found a solution. I'm using // @ts-expect-error against my will for now.

[timngo127]

No, I haven't found a solution yet. On Tuesday, January 5, 2021, 03:40:26 PM EST, Eduardo Carvalho <notifications@github.com> wrote: I also have this problem, if anyone has found a solution. I'm using // @ts-expect-error against my will for now. — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.

[baeharam]

Same problem here...

[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>>
  }
}