render() {
  return <SortableItem {...extraProps} item={React.cloneElement(item, extraProps)} />
}

render() {
  return <props.item />
}

Object {$$typeof: Symbol(react.element), key: "item-5", ref: null, props:
Object, type: function…}
$$typeof:Symbol(react.element)
key:"item-5"
props:Object
ref:null
type:function _class()

Fatal Exception:Uncaught Invariant Violation: Element type is invalid:
expected a string (for built-in components) or a class/function (for
composite components) but got: object. Check the render method of
`SortableItem`.(reload cancelled)

render() {
  return <SortableItem {...extraProps} item={<YourComponent />} />
}

render() {
  return {this.props.item}
}

render() {
  return <SortableItem {...extraProps} >
     <YourComponent />
  </SortableItem>
}

render() {
  return {this.props.children}
}

return (
  <div>
    <SortableItem {...extraProps} item={React.cloneElement(item, extraProps)} />
  </div>
)