Clicking column headers selects their text

[dandv]

Describe the bug
Clicking too fast on table headers to change the sort order, selects the column title.

To Reproduce

1. Go to https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/sorting
2. Click twice in quick succession on any table header.
3. Notice the selected text:
   

Additional context
Column headings should probably have user-select: none;, like the Material Design table component or material-table.com. The interaction of clicking the header twice quickly is not uncommon at all, given that initially the column sort indicator is hidden, and the user doesn't know if after clicking the heading, the direction will be the one they want.

[francois-pasquier]

The best way to use this libary is by using useTable.
This way, you can do whatever you want with the css.

[tannerlinsley]

You can put the toggle props on any component or element you want, not just the header. Please see the advanced examples to see this in action.