Not working with nested component

The following code should work, but the rendered element is not draggable:
```jsx
<Draggable nodeRef={ref1}>
  <Component1 ref={ref1} />
</Draggable>
```

Link to reproducible example: https://codesandbox.io/s/react-draggable-bug-o4g5c?file=/src/App.js

The following example's controlled position doesn't work: https://codesandbox.io/s/react-draggable-bug-2-hy4iz