ItemListDerived.jsx

class ItemList extends React.Component {
  state = {
    items: this.props.items
  };
  onSortEnd = ({ oldIndex, newIndex }) => {
    this.setState({
      items: arrayMove(this.state.items, oldIndex, newIndex)
    });
  };

  static getDerivedStateFromProps(props, state) {
    if (props.items.length !== state.items.length) {
      return {
        items: props.items
      };
    }
    return null;
  }

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