fix: GizmoHelper - Check if default controls is OrbitControls before …

…resetting UP vector (#1083)

src/core/GizmoHelper.tsx

@@ -15,6 +15,7 @@ import {
 } from 'three'
 import { OrthographicCamera } from './OrthographicCamera'
 import { useCamera } from './useCamera'
+import { OrbitControls as OrbitControlsType } from 'three-stdlib'
 
 type GizmoHelperContext = {
   tweenCamera: (direction: Vector3) => void
@@ -56,6 +57,10 @@ export type GizmoHelperProps = JSX.IntrinsicElements['group'] & {
   onTarget?: () => Vector3 // return the target to rotate around
 }
 
+const isOrbitControls = (controls: ControlsProto): controls is OrbitControlsType => {
+  return 'minPolarAngle' in (controls as OrbitControlsType)
+}
+
 export const GizmoHelper = ({
   alignment = 'bottom-right',
   margin = [80, 80],
@@ -126,7 +131,13 @@ export const GizmoHelper = ({
       if (animating.current) {
         if (q1.angleTo(q2) < 0.01) {
           animating.current = false
-          mainCamera.up.copy(defaultUp.current)
+
+          // Orbit controls uses UP vector as the orbit axes,
+          // so we need to reset it after the animation is done
+          // moving it around for the controls to work correctly
+          if (isOrbitControls(defaultControls)) {
+            mainCamera.up.copy(defaultUp.current)
+          }
         } else {
           const step = delta * turnRate
           // animate position by doing a slerp and then scaling the position on the unit sphere