title: React + Three.js with OrbitControls on multiple canvases
body: <p>I have created react + three sandbox with multiple canvases showing simple tetrahedron model (<a href="https://stopyransky.github.io/three-react-sandbox/" rel="nofollow noreferrer">demo here)</a>. </p>
  
  <p>Unfortunately all instances seem to use Three.OrbitControls the same way: no matter on which canvas mouse is pointing - all models capture the event.</p>
  
  <p>Desired outcome is that OrbitControls are only updating canvas which mouse is pointing. </p>
  
  <p>How should I change this, so model in each canvas behave independently? (<a href="https://github.com/stopyransky/three-react-sandbox" rel="nofollow noreferrer">source code</a>)</p>