title: Delete draggable object in react-dnd
body: <p>I'm using react-dnd. I want to delete a draggable object once it's been used. I took the react-dnd multiple type example and added a delete on drop.</p>
  
  <p>Current behavior:
  1. Drag Banana, the top right dustbins is highlighted
  2. Drag Bottle into either of the dustbins on the left
  3. Drag Banana again, now the left two dustbins are highlighted</p>
  
  <p>Expected behavior:
  1. Drag Bottle into either of the dustbins on the left
  2. Drag Banana, the top right should be highlighted</p>
  
  <p>What is going on here, and how do I fix it?</p>
  
  <p><a href="https://codesandbox.io/s/pensive-wildflower-q2oxo?file=/src/Dustbin.jsx" rel="nofollow noreferrer">https://codesandbox.io/s/pensive-wildflower-q2oxo?file=/src/Dustbin.jsx</a></p>