GizmoHelper axis head rotation snaps the camera to an incorrect alignment with TrackballControls

[discosultan]

• three version: 0.142.0
• @react-three/fiber version: 8.0.27
• @react-three/drei version: 9.14.3
• node version: 18.3.0
• npm (or yarn) version: 8.11.0

Problem description:

When using GizmoHelper with TrackballControls, if the camera is moved from its' default location, using the GizmoHelper axis head to automatically rotate the camera ends up misaligning the camera. See the gif below:

The issue can be reproduced in the storybook: https://drei.pmnd.rs/?path=/story/gizmos-gizmohelper--gizmo-helper-story&args=controls:TrackballControls

Steps:

1. Rotate the camera around the object arbitrarily holding mouse left button
2. Click on one of the GizmoHelper axis heads to align camera to a specific direction

I was not able to reproduce the issue with OrbitControls.

[github-actions]

🎉 This issue has been resolved in version 9.17.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[FarazzShaikh]

Reopening as there still seems to be some inconsistant jank when snapping from -x to -y

[FarazzShaikh]

Might be related with #522