title: React-Spring useTransition shuffles my list items around
body: <p>I have a list of labels that I render with a React-Spring Transition. 
  The idea is that you can add items and if you have more than 5, a "Show more" button will appear. Pressing this button toggles wether you're showing all of the labels or just the first five.</p>
  
  <p>The problem is when I pass from "Showing more" to "Showing less". I noticed that before my items were hidden, all of them but the first moved to the beggining of the list, generating a weird effect where you can see the first labels change their text and disappear, before leaving the last ones (with the first labels' text).</p>
  
  <p>I've attached a small sandbox that reproduces this problem. It has 10 items and you can open and close it, but it reproduces this weird bug: <a href="https://codesandbox.io/s/thirsty-mountain-ut3r9" rel="nofollow noreferrer">https://codesandbox.io/s/thirsty-mountain-ut3r9</a></p>
  
  <p>Any tips on how to solve it?</p>