React-dnd: El ejemplo ordenable no funciona pasando ref

El ejemplo es:

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

Pero usando las formas alternativas de conectarse, como una referencia de paso (usando innerRef porque estoy usando styled-components ), si lo hago:

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

Solo funciona la llamada interna (en este caso, connectDropTarget , pero si cambio connectDropTarget y connectDragSource , entonces solo connectDragSource funcionará).

Sin embargo, esto funciona:

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

¿Alguna razón por la que?