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

[baeharam]

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: #2882 (unsolved)

[ckifer]

+1 experiencing the same issue. If you have multiple columns you can set the footer on all column items except for one. For example:

// doesn't work with the same error as above
const columns = [
    {
       Header: 'header1',
       Footer: 'footer1',
       accessor: 'test'
    },
    {
       Header: 'header2',
       Footer: 'footer2',
       accessor: 'test2'
    },
    {
       Header: 'header3',
       Footer: 'footer3',
       accessor: 'test3'
    },
];

// works and resolves just fine by removing first Footer item
const columns = [
    {
       Header: 'header1',
       accessor: 'test'
    },
    {
       Header: 'header2',
       Footer: 'footer2',
       accessor: 'test2'
    },
    {
       Header: 'header3',
       Footer: 'footer3',
       accessor: 'test3'
    },
];

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

[github-actions]

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

[github-actions]

This issue has been detected as stale and automatically closed. It's very likely that your issue has remained here this long because it would require breaking changes to v7. React Table v8 is currently in alpha (soon beta!) and already contains bug fixes, performance improvements and architectural changes that likely address this issue.

• If your v7 issue has been previously labeled as requiring breaking changes, please try the new v8 alpha/beta releases
• If your v7 issue has not already been labeled as a breaking change, open a new issue.
• If this was a v8 issue and was closed by mistake, please reopen or leave a comment below.