(TypeScript) Type definitions are incomplete for sortable tables.

Describe the bug (required) Some type definitions are incomplete – in the column for example. Property 'getSortByToggleProps' does not exist on type 'HeaderGroup<object>'.ts(2339) Property 'isSorted' does not exist on type 'HeaderGroup<object>'.ts(2339) Property 'isSortedDesc' does not exist on type 'HeaderGroup<object>'.ts(2339)

Provide an example via Codesandbox! (required) https://codesandbox.io/s/react-table-incomplete-types-x1es6

Steps To Reproduce (required) Try to use useSortBy on react-table and consume the getSortByToggleProps function or isSorted and isSortedDesc properties on a TypeScript project.

Expected behavior (Recommended) The types shouldn’t error

Screenshots

This bug was reported without any information before and noticed they were also using TypeScript so I could only figure it was TypeScript specific. https://github.com/tannerlinsley/react-table/issues/1481

[samyan]

I had a similar issue with another plugin. The solution i got, was creating folder called types in /src directory and then creating a file called react-table-config.d.ts. Then put the definitions that you can find in: types/react-table.

Now you can check:

Example: https://codesandbox.io/s/react-table-incomplete-types-fixed-2r4us

Regards.

[nikaupp]

After some digging it appears that this is expected behaviour of the @types/react-table package, and it has documentation on how to include types for the table plugins that you are using, not ideal but presumably this is because the plugins are optional…

https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-table#configuration-using-declaration-merging

In all fairness, the plugins don’t feel all that optional as they are included in base package.