DeviceOrientationControls limit Axis

[Elyorito]

Hello !

I am using DeviceOrientationControls to add controls in my scene. It is working well just by using the Drei component but I want to have more control on it. The next step I got was to use something like this and use the ThreeJs implementation that I saw in the discussion here (Thanks again). I'd like to limit the movement axis on X only, and maybe add some movement on Y but I am stuck by just limiting on X.

extend({ DeviceOrientationControlsImp })

const DeviceOrientation = forwardRef((props, ref) => {
  const { camera } = useThree()
  const controls: any = useRef()

  useFrame((state) => {
    const { x, z, w } = controls.current.object.quaternion
    controls.current.object.quaternion.set(x, 0, z, w)
    controls.current.update()
  })

  useEffect(() => {
    controls.current.connect()
    return () => controls.current && controls.current.dispose()
  })

  return <deviceOrientationControlsImp ref={mergeRefs([controls, ref])} args={[camera]} {...props} />
});

I understand that controls take over the controls on Camera but whatever I change, the device still moving everywhere... am I missing something ? Or the DeviceOrientationControls doesn't allow those anymore?

If you have any hint, I'd be glad to take it
Thanks

EDIT:
Sorry I am maybe not really expressing my concerns well. my question is more related to the
controls.current.object.quaternion.set()
Is it the correct way ?