title: How to Change OrbitControl target in React?
body: <p>I have tried using react-three-fiber and react-drei to make a model but the target of the OrbitControl is making it appear to high</p>
  <pre><code>import React, { useRef, useState, Suspense, useEffect } from 'react'
  import { Canvas, useFrame, useLoader, useThree} from '@react-three/fiber'
  import { ContactShadows, Environment, useGLTF, OrbitControls, PerspectiveCamera } from &quot;@react-three/drei&quot;
  import { proxy, useSnapshot } from 'valtio'
  import {HexColorPicker} from &quot;react-colorful&quot;
  
  ...
  
  export default function App() {
    return (
      &lt;&gt;
      &lt;Picker/&gt;
      &lt;Canvas camera&gt;
        &lt;PerspectiveCamera  makeDefault position={[0.1, 0.9, 1.8]} fov={60} zoom={0.9}/&gt;
        &lt;OrbitControls target={-0.061775 , 10, 0} /&gt;
        &lt;ambientLight intensity={1} /&gt;
        &lt;spotLight intensity={1} angle={0.1} penumbra={1} position={[10, 15, 10]} castShadow /&gt;
        &lt;Suspense fallback={null}&gt;
          &lt;Bike /&gt;
          &lt;Environment preset=&quot;city&quot; /&gt;
          &lt;ContactShadows rotation-x={Math.PI / 2} position={[0, -0.8, 0]} opacity={0.25} width={10} height={10} blur={1.5} far={0.8} /&gt;
        &lt;/Suspense&gt;
        
      &lt;/Canvas&gt;
      &lt;/&gt;
    )
  }
  </code></pre>
  <p>I have tried to change it using target variable in OrbitControls imported from @react-three/drei but the x and y axis is not working and z axis is nuts.
  Should I use anothe OrbitControl  for React.Please help.</p>