title: React re-render restarting video
body: <p>I have a react app with some complex view logic. There is one view where I need to have different parents and conditional renders. This causes my stream ref to be lost, or a video to restart. Is there anyway to set this up so my video instance can reach the new view state without restarting?</p>
  <p>I've tried display none but it messes with my view, visibility hidden restarts the video.</p>
  <p>here's a sandbox of my problem.</p>
  <p><a href="https://codesandbox.io/s/romantic-wood-qnn2x0?file=/src/App.js:0-1004" rel="nofollow noreferrer">https://codesandbox.io/s/romantic-wood-qnn2x0?file=/src/App.js:0-1004</a></p>