Is it possible for "drag start" to be triggered twice?

[staticshock]

I'm seeing this DnD error in Sentry (Chrome 127 / Windows 10), and I'm at a loss as to how to reproduce it:

NotSupportedError
Failed to execute 'add' on 'DataTransferItemList': An item already exists for type 'text/plain'.

The error seems to have happened on drag start.

My draggable metadata is defined like this:

const { dragAndDropHooks } = useDragAndDrop({
  getItems: (keys) =>
    members
      .filter((member) => keys.has(member.id))
      .map((member) => ({
        'text/plain': member.id,
      })),
  ...
})

return <ListBox dragAndDropHooks={dragAndDropHooks} …>…</ListBox>

Anyone have suggestions for how to troubleshoot? I'm not even sure how to contort my app code, even in theory, to force it to fail in this way.

[snowystinger]

Not that i'm aware of, I assume you've tried reproducing this in a codesandbox or stackblitz? can you share a link here? it's ok if it doesn't reproduce, it'll let us see more of what you're doing

[VapidLinus]

@staticshock Did you find a fix for this? I am also seeing this problem

[staticshock]

No, but I just took a look at some replays for this issue and noticed that just before the issue, some text is always selected on the screen, possibly indicating a failed drag preceding the drag that throws the error.

[VapidLinus]

Huh you're right. You can even get this on the official docs website! If you make a selection that goes "beyond" the drag item, once you start dragging it, you will see the "" error in the console!

https://react-spectrum.adobe.com/react-aria/useDrag.html

[VapidLinus]

I created an issue for it #8672