Dragging from Outside: droppingItem does not removed on leaving react-grid area whlile mouseDown still pressed in DEV mode.

Author: ikilincCreated Apr 17, 2026Updated Aug 4, 2026
Labelsbugneeds-info

Describe the bug

This issue only appears when React is in "dev" mode.

Your Example Website or App

https://github.com/ikilinc/exampleReactGridLayout

Steps to Reproduce the Bug or Issue

Stack:

  • react 19, vite.

Steps to reproduce the Issue. 1.) Create a basic react + typescript project (npm create vite@latest) 2.) Copy the Component below into project. its the same code on the sandbox but added a dropable item. showcase.tsx Maybe copy paste the style in showcase too for better virtuals.

3.) Start the app with 'npm run dev' and in parallel with "npm run build & npm run preview". 4.) If you now try to drag the droppingItem into react-grid-layout area and try leave it while mouseDown is still pressed, maybe you will need few tries, you will see that the dropping item is in DEV server not removed sometimes. But no issues on Prod. Below is a screenshot. I was not able to paste a sceencapture.

Expected behavior

same behavior on Dev and Prod.

react-grid-layout library version

latest

Operating System Version

WSL

Browser

Chrome

Additional context

No response

Screenshots or Videos

https://github.com/user-attachments/assets/50fe5227-dce7-416e-82dc-6e2f3acf06eb

Source: react-grid-layout/react-grid-layout