Multiple views showing the same objects

[alexvuka1]

Hello, is there a way to have multiple views (on one canvas) which have different cameras and display the objects that are part of the canvas? For example, a way to make the code below result in the image below it. The objects' events should continue to work as well, i.e. in the example below if the pointer is over the cube on either side, it should console log 'box hovered'.

<div ref={view1} style={{ position: 'absolute', top: 0, left: 0, right: '50%', bottom: 0 }} />
<div ref={view2} style={{ position: 'absolute', top: 0, right: 0, width: '50%', bottom: 0 }} />
<Canvas>
  <View track={view1}>
    <PerspectiveCamera />
    <OrbitControls />
  </View>
  <View track={view2}>
    <OrthographicCamera />
    <ArcballControls />
  </View>
  <Box onPointerOver={() => console.log('box hovered')}>
    <meshStandardMaterial color='red' />
  </Box>
</Canvas>