React-Table - How to remove the 'Toggle sortBy' tooltip from the column header?

Question

In the latest version (7.5.x) of React-Table, when using the Material-UI Table components, is there a way to remove the 'Toggle sortBy' tooltip from the column header?

Two tooltips

I have a tooltip with the column header name. both tooltips appear upon hover. Take a look at this codesandbox

Answer 1

Adding {...column.getHeaderProps(column.getSortByToggleProps({ title: undefined }))} did the trick.

Here's the updated codesandbox

Answer 2

Or just overwrite the title like in:

<span {...column.getGroupByToggleProps()} title="">