DragOverlay Wrapper does not resize to its content size.

[clarknova]

The DragOverlay Wrapper seems to have the same size as the component that was used to start the drag and not the size of its content which messes up collison.

For example: I want to drop it in the right dropzone but because of the overlay shape it has collision with the left dropzone.

[clauderic]

The DragOverlay wrapper is intentionally sized the same as the draggable source, and will remain that way even if its children are sized differently.

However, if you decide to resize the first child of DragOverlay, we will now use the collision rect of the child rather than the DragOverlay as of this commit: #337

This will be released in the next major version, however you can start using it right away by upgrading to the versions of @dnd-kit tagged with @next on npm