React Griddle Sort Multiple Columns

Question

I am following this example.

I am working on a plugin that will keep grouped columns sorted ascending. I am following the test example from the link above. I am getting this error:

Uncaught TypeError: Cannot read property 'sortAscending' of undefined at sortUtils.js:51

with this plugin:

    const setGroupSortPlugin = (groups) => ({
        events: {
            setSortProperties : (sortProperties) => {
                let newSortProperties = [];
                groups.map(group => {
                    newSortProperties.push(
                        {id: group.id, sortAscending: true}
                    )
                })
                newSortProperties.push(
                    { id: sortProperties.columnId, sortAscending: true }
                );
                return setSortProperties(newSortProperties);
            }
        }
    });

How should I be creating the return for setting the sort properties?

function setSortProperties(_ref) {
  var setSortColumn = _ref.setSortColumn,
      sortProperty = _ref.sortProperty,
      columnId = _ref.columnId;

  return function () {
    if (sortProperty === null) {
      setSortColumn({ id: columnId, sortAscending: true });
      return;
    }

    var newSortProperty = _extends({}, sortProperty, {
      sortAscending: !sortProperty.sortAscending
    });

    setSortColumn(newSortProperty);
  };
}