DragOverlay: accessing source.data inside the component throws "maximum update depth exceeded" error

[MarcociVladAndrei]

Possible bug, I'm not sure. I'm trying to render a drag overlay based on drag source like this:
<DragOverlay dropAnimation={null}> {(source) => ( <Badge> <div>{source.data.label}</div> </Badge> )} </DragOverlay>

Which leads to crashing the entire app with the following message logged to the console:

Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.