React-table: column.getSortByToggleProps is not a function

[dtfraighter]

Using v6? No

Using v7? Yes

Describe the bug
When trying to use the return value of column.getSortByToggleProps as an argument to column.getHeadProps(), a Type error occurs stating that column.getSortByToggleProps is not a function

Expected behavior
The function should be a property of column, since it is being used in some of the examples.

Screenshots

Desktop (please complete the following information):

• OS: Mac
• Browser: Chrome
• Version: 10.14.5

[dtfraighter]

@tannerlinsley - I would love to understand what the issue is.

[tannerlinsley]

Hmm. I can't reproduce this error. Can you please send me a codesandbox as an example?

[dtfraighter]

Unfortunately I cannot. The code is proprietary and to take a small chunk out wouldn’t work because the code relies on other things in our repo.

On Aug 28, 2019, at 11:52 AM, Tanner Linsley [e-mail] wrote:

Hmm. I can't reproduce this error. Can you please send me a codesandbox as an example?

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub, or mute the thread.

[tannerlinsley]

I would focus then on not using any of your code and just tweaking one of the examples in codesandbox to demonstrate the bug. If I can't reproduce it, then I don't know how to fix it.

[tannerlinsley]

Closing this for triage. Please reopen a new issue if/when you have more information on how to replicate the problem.

Thanks!

[dtfraighter]

Hey Tanner, I figured out the issue. I wasn't included the useSortBy inside of the useTable hook.

[JulesBlm]

I ran into the same issue but noticed that I had simply misplaced useSortBy in the useTable parameters like this

javascript useTable( { columns, data, useSortBy, // 🚨 useSortBy inside the options object will lead to "Property 'getSortByToggleProps' does not exist on type 'HeaderGroup'" } );

But it should be like this
javascript useTable( { columns, data, } useSortBy, // ✅ useSortBy placed after the options object );

Hope this helps.