title: Why aren't my sub nested items saving in dragged position?
body: <p>I have taken a sandbox from the react beautiful github issue feed on nested objects from version 4 and trying to have it work in the latest version 13.  It seems like the reason it isn't working is due to some updates between dnd and react.</p>
  <p><strong>Here's the original</strong>: <a href="https://codesandbox.io/s/5v2yvpjn7n?file=/index.js" rel="nofollow noreferrer">https://codesandbox.io/s/5v2yvpjn7n?file=/index.js</a></p>
  <p><strong>Here is my updated version with hooks instead of comps</strong>: <a href="https://codesandbox.io/s/nervous-breeze-77k4v?file=/src/serviceCommandUnit.js" rel="nofollow noreferrer">https://codesandbox.io/s/nervous-breeze-77k4v?file=/src/serviceCommandUnit.js</a></p>
  <p>I also attempted to take the old one without hooks, assuming maybe that may be an issue, but that attempt has the same issues.  <strong>The parents can switch but not the children</strong>: <a href="https://codesandbox.io/s/nested-dnd-across-parent-forked-ujfwb?file=/index.js" rel="nofollow noreferrer">https://codesandbox.io/s/nested-dnd-across-parent-forked-ujfwb?file=/index.js</a></p>
  <p>Any insights to help on why the subitems will not save their places?</p>