Preview is not working for the first drag

[psyycker]

Hi!

I have the following piece of code:

(I put a screenshot as you can see the types as well)
It is a simple react component with a header (which is the grabbing source) and the whole container being set as the preview.

However, when trying to do the first grab, the preview won't work. It'll only work the second time I grab:
https://github.com/react-dnd/react-dnd/assets/9397742/4ea64b0d-d189-4cff-9d04-cc522d7aa7a4

The component is using useGrab in the most simple way like this:

I followed the tutorial on the website and cannot see anything I missed.

Desktop (please complete the following information):

• OS: MacOS Latest version
• Chrome
• Version 119

[johndalloxx]

The way you do it here you are both rendering the div and the component.

The final return statement should look like this:

return isDragging ? (<div ref={preview} />) : (<Component ref={drag} />)

[psyycker]

@johndalloxx it's impossible to return both the div and the component.
When doing the first return, the execution stops.