Item being dragged is not moving when lockToContainerEdges is true

Item being dragged is not moving. I'm using the basic example to do this with the lockToContainerEdges prop. Sample code below:

`const SortableItem = sortableElement(({value}) =>

const SortableContainer = sortableContainer(({children}) => {
return

{children}

class App extends Component {
state = {
items: ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5', 'Item 6'],
};

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

render() {
const {items} = this.state;

return (

{items.map((value, index) => (

))}

);
}
}`