White screen error when sorting by column with undefined data in any rows

[clintdoriot]

Sorting a column with undefined data for some rows causes white screen.
Console error: Uncaught TypeError: Cannot read property 'localeCompare' of undefined

This occurs when some of the rows do not have the datafield defined. For example:

data = [
  {
    "foo":1,
    "bar":2
  }, 
  {
    "foo":3
  }
]

The error occurs when attempting to sort on the "bar" column.

Expected Behavior

The table should still sort on that column, grouping columns with undefined data, and not cause the page to render a white screen.

Current Behavior

The entire page renders as a white screen, and the console displays the following error:
Uncaught TypeError: Cannot read property 'localeCompare' of undefined

Steps to Reproduce (for bugs)

https://codesandbox.io/embed/gracious-microservice-wdwp6

Your Environment

Tech	Version
Material-UI	4.3
MUI-datatables	2.9.0 (I'm using 2.6.4, but the error is still present using 2.9.0 in the code sandbox
React	16.8.6
browser	Chrome
etc

[gabrielliwerant]

Looks like a legit bug, thanks for reporting this!

[gabrielliwerant]

Should be fixed as of 2.11.0.