Can't perform a React state update on an unmounted component.

Describe the bug

Occasionally, when I drop a draggable, I get this error:

Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
    in DraggableCard (created by HideCardOnRemove)
  | warningWithoutStack | @ | react-dom.development.js:545
-- | -- | -- | --
  | warnAboutUpdateOnUnmountedFiberInDEV | @ | react-dom.development.js:23177
  | scheduleUpdateOnFiber | @ | react-dom.development.js:21394
  | dispatchAction | @ | react-dom.development.js:15816
  | (anonymous) | @ | useCollector.js:38
  | handleChange | @ | DragDropMonitorImpl.js:51
  | dispatch | @ | redux.js:229
  | (anonymous) | @ | DragDropManagerImpl.js:99
  | HTML5Backend.endDragIfSourceWasRemovedFromDOM | @ | HTML5Backend.js:81

I looked at existing issues such as #1435 and it didn’t seem applicable. I’m making a context state change in end, but no state changes.

Reproduction

It seems intermittent, it doesn’t happen every time, so I’m hoping that the stacktrace and description can shed some light. If not, I’m happy to try and debug further.

Expected behavior No warning

Screenshots

Desktop (please complete the following information):

• OS: [e.g. iOS] macOS
• Browser [e.g. chrome, safari]: Chrome
• Version [e.g. 22]: Chrome is 76, macOS is 10.14.6

Additional context None

[mooijtech]

Having this bug in 2022.

[walpolsh]

Also experiencing this issue with useDrag’s collect function