title: React DND dragging an item from 1 list to another
body: <p>I want to be able to drag, rearrange, and move them from 1 list to another. Functionally it currently partially works in that you can drag an item once and it updates but after that you can no longer move the items inside the list.</p>
  <p>Example here:</p>
  <p><del>https://codesandbox.io/s/react-dnd-multiple-lists-8z7vs?file=/src/question.tsx</del></p>
  <p>Any hints or pointers would be very helpful.</p>
  <p>Thanks</p>
  <hr />
  <p>I have created a new example here:</p>
  <p><a href="https://codesandbox.io/s/eager-perlman-zs3xm?file=/src/Container.tsx" rel="nofollow noreferrer">https://codesandbox.io/s/eager-perlman-zs3xm?file=/src/Container.tsx</a></p>
  <p>It is simplified, I am now able to drag a component from one section to another. But it seems to bug out when trying to drag from one to another.</p>