TypeError: Cannot read properties of undefined (reading 'add')

[ujwaldeepsc20y]

Not sure why this error is coming up while using SortableElement. Here is the code snippet I am using

const DragHandle = SortableHandle(() => <span>::</span>);
const DraggableContainer = SortableContainer(({ children }) => {
  return <ul>{children}</ul>;
});
const DraggableElement = SortableElement(({ value }) => (
  <li value={value}>
    <DragHandle />
    {value}
  </li>
));

and here is how I am using the above components in render

render() {
    return (
        <DraggableContainer
          useDragHandle
          // getContainer={this.getContainer}
          // helperContainer={this.getHelperContainer}
          // onSortEnd={this.handleSortEnd}
        >
          <DraggableElement key={`item-1`} index={0} value={1} />
          <DraggableElement key={`item-2`} index={1} value={2} />
        </DraggableContainer>
    );
  }

[Raviteja7714]

Facing the same issue after upgrading to react 18.. Uncaught TypeError: this.context.manager.add is not a function