Switch between OrbitControl and DeviceOrientationControl

[vantu98]

Hi guys, currently I'm working in project with required toggle between OrbitControl and DeviceOrientationControl (on mobile device) and I got Error Boundary Something really wrong in React.

How do you guys use to switch between them smoothy and have more control on Camera Object?
many thanks!

my solutions

const CONTROLS = {
ORBIT: 'Orbit',
DEVICE: 'Device'
}

const Controls = (props) => {
const {mode} = props;

const controls = {
[CONTROLS.ORBIT]: <OrbitControls />, // import from @react-three/drei
[CONTROLS.DEVICE]: <DeviceOrientationControl />
}

return controls[mode] || null
}

[bhushan6]

This demo might help you

[vantu98]

Many thanks, I'll take it