Handsettable с React, порядок сбрасывается при каждом обновлении состояния

Question

У меня есть приложение реагирования, которое использует handsontable. Я добавил ColumnSorting в свою таблицу, которая прекрасно работает, пока не сработает событие, которое обновляет состояние. Когда это происходит, сортировка возвращается в исходное состояние. Можно ли поддерживать порядок при изменении состояния компонента?

Я прилагаю JSFiddle ниже.

Чтобы воспроизвести ошибку:

• нажмите на заголовок столбца, чтобы отсортировать таблицу.
• нажмите кнопку состояния обновления внизу

Спасибо за помощь!

JSFiddle

class App extends React.Component {
constructor(props) {
  super(props);
        this.handsontableData =Handsontable.helper.createSpreadsheetData(6, 10);
}

save() {
    this.setState({test:'123'})
}

render() {
  return (
    <div>
      <HotTable settings={{
          data: this.handsontableData,
          colHeaders: true,
          rowHeaders: true,
          columnSorting: true
        }}/>
        <button onClick={this.save.bind(this)}>Update State</button>
    </div>
  );
}

}