React-dnd: L'exemple triable ne fonctionne pas en passant ref

L'exemple est :

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

Mais en utilisant les autres moyens de se connecter, comme passer une référence (en utilisant innerRef parce que j'utilise styled-components ), si je le fais :

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

Seul l'appel interne fonctionne (dans ce cas, connectDropTarget , mais si j'échange connectDropTarget et connectDragSource , alors seul connectDragSource fonctionnera).

Cela fonctionne, cependant:

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

Une raison pourquoi ?