React table doc states that the render method can accept a function as an argument but it is not supported by the current type definition:
render: (type: 'Cell' | string, userProps?: object) => ReactNode;

Typescript is complaining that isGrouped does not exist on type cell

"typescript": "^4.2.4",
"react-table": "^7.6.3",
"@types/react-table": "^7.7.1",
"@material-ui/core": "^4.11.4",
"@material-ui/icons": "^4.11.2",

Hey @ggascoigne ,

I'm pretty new to react/ts world. I've been using one of your examples to modal creating tables and I've run into issues with the latest version of @types/react-table": "7.0.29" with react-table "react-table": "^7.6.3"

Inside your Table component im seeing:

Property 'index' does not exist on type 'ColumnInstance'. TS2339

52 | 
53 | function DefaultColumnFilter<T extends Record<string, unknown>>({

54 | column: { id, index, filterValue, setFilter, render, parent },
| ^
55 | }: FilterProps) {
56 | const [value, setValue] = React.useState(filterValue || '');
57 | const handleChange = (event: React.ChangeEvent) => {

When I downgrade to "@types/react-table": "7.0.28" I'm able to build again but I'd like to be running on lastest and greatest if possible.

Any help is appreciated,
Michael

How can I access to the selected row after select one row and click onEdit?

Why not use the Table element? It is the correct semantic element. People will copy this code and it is full of accessibility issues:

Bad code is bad code. You're not doing anyone any favors by making examples with bad code.

I'd hoped to use this, but now I have to rewrite it from scratch essentially. A shame.

The 'usePagination' API here - https://github.com/tannerlinsley/react-table/blob/master/docs/api/usePagination.md talks of 'initialState' and 'manualPagination' as two options that can be passed to useTable(options).

Is there an example in TS?

The current type definitions don't have manualPagination , 'pageSize' and 'pageIndex' defined.
Property 'manualPagination' does not exist on type 'TableOptions<D>'.

Should I be extending types here - https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-table

Hey @ggascoigne, thank you for this great repo!

I tried to replicate some of its functionality and I ran into this TS issue:

Do you know what this issue could be?

I added the same type definition file as yours and below you have a part of the table component's code:

Are you seeing anything weird?
I would really appreciate your help, thank you!

Very nice work with the sample. How can i be able to indicate the table is loading.