setColumnOrder does not exist in TypeScript

[Poniav]

I recently moved my react table to Typescript and fixed most of problems but not this one.

Property 'setColumnOrder' does not exist on type 'TableInstance<object>'.ts(2339)

const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow, allColumns, setColumnOrder, state } = useTable( { columns, data, defaultColumn }, useFilters, useSortBy, useColumnOrder )

Version :

"react-table": "^7.5.0",
"@types/react-table": "^7.0.23",

How to fix this ?

Anyone ? :(

[playerd0]

Having the same issue...

[cmcWebCode40]

Having same issues using typescript

[andrerpena]

Having the same issue...

[ggascoigne]

Did you find https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react-table/Readme.md (I realize that it's rather buried). Anyway, I'd guess that your react-table-config.d.ts is lacking references to UseColumnOrderInstanceProps on TableInstance.

[isolationism]

A year later, this is still an issue. The entire typings definition is installed, with nothing removed, per the readme referenced above.

Other parameters — like setHiddenColumns for example — work just fine with no problem.

This issue is specific to somehow incorrect typing for setColumnOrder and it persists despite the DefinitelyTyped typings for the project being updated recently (using 7.7.10).

[ggascoigne]

Off the top of my head though "All declarations of 'TableOptions' must have identical type parameters.ts(2428)" is a side effect of not setting "skipLibCheck": true in the tsconfig. There is a bug that cause it, but since it's easy to work around I keep forgetting to fix it. I don't think that that's the root of the problem, but it certainly adds to the noise.

[isolationism]

OK, good point — this was a bare minimum tsconfig from the project that is a subset of my local, which includes the parameter you suggest. I've also added it to the CodeSandbox.

My assumption to this point was "fewer" config options that could reproduce the issue would be better than have you examine all of mine, but I've added my entire local config to the sandbox as tsconfig.json.local if that helps.

[isolationism]

I have solved my own issue. It is that I am not very good at reading instructions.

I had mistakenly placed the react-table-config.d.ts in a directory called types along with other such declarations. For the sake of posterity and others who might have made my mistake:

The file must go in @types/react-table-config.d.ts. Not the same thing as types/react-table-config.d.ts, apparently.

And now I have some reading to do.

Thank you both again for your help and humble apologies.

[ggascoigne]

heh, I think that I was just getting to the same conclusion. FYI I think that @types is a default, and you can change it using by adding "typeRoots": ["./types"] to your tsconfig.

[ggascoigne]

Oh, and you might find https://github.com/ggascoigne/react-table-example useful, it's a decent TypeScript and material ui example.