React-sortable-hoc - поддерживать новый порядок сортировки без свойств экспериментального класса

Следующая конфигурация не выдает никаких ошибок, но новый порядок сортировки не поддерживается. Перетаскивание и связанные с ним анимации работают хорошо, но сам порядок сортировки никогда не меняется постоянно.

Я немного изменил свой код по сравнению с примером в https://www.npmjs.com/package/react-sortable-hoc. (Я переместил некоторый код в функцию-конструктор, чтобы обойти ошибку, связанную со свойствами экспериментального класса.)

Есть идеи?

import {
    SortableContainer,
    SortableElement,
    arrayMove,
} from 'react-sortable-hoc';

const SortableItem = SortableElement(({value}) => <li>{value}</li>);

const SortableList = SortableContainer(({items}) => {
    return (
        <ul>
            {items.map((value, index) => (
                <SortableItem key = {`item-${index}`} index = {index} value = {value} />
            ))}
        </ul>
    );
});

class SortableComponent extends Component {

    constructor(props) {
        super(props);
        this.state = {};
        this.state.items = [
            "Gold",
            "Crimson",
            "Hotpink",
            "Blueviolet",
            "Cornflowerblue",
            "Skyblue",
            "Lightblue",
            "Aquamarine",
            "Burlywood"
        ];
        this.onSortEnd = this.onSortEnd.bind(this);
    }

    onSortEnd(oldIndex, newIndex) {
        this.setState(({items}) => ({
            items: arrayMove(items, oldIndex, newIndex),
        }));
    }

    render() {
      return <SortableList items = {this.state.items} onSortEnd = {this.onSortEnd} />;
    }
}