React-dnd: Sortierbares Beispiel funktioniert nicht durch Übergabe von ref

Das Beispiel ist:

return connectDragSource(connectDropTarget(
      <div style={{ ...style, opacity }}>
        {text}
      </div>
    ));

Aber mit den alternativen Verbindungswegen, wie einem übergebenen Ref (mit innerRef, weil ich styled-components ), wenn ich dies tue:

return (
      <MyElement 
        innerRef={instance => connectDragSource(connectDropTarget(findDOMNode(instance)))}
        style={{ ...style, opacity }}
      >
        {text}
      </MyElement>
);

Nur der innere Aufruf funktioniert (in diesem Fall connectDropTarget , aber wenn ich connectDropTarget und connectDragSource , dann funktioniert nur connectDragSource ).

Das funktioniert aber:

return (
      <MyElement 
        innerRef={instance => {
          const domNode = findDOMNode(instance)
          connectDragSource(domNode)
          connectDropTarget(domNode)
        }}
        style={{ ...style, opacity }}
      >
        {text}
      </MyElement>
);

Irgendein Grund warum?