写出代码：react-three/drei中当使用OrbitControls控制相机时，当变量isRight为trues时展示PerspectiveCamera组件，当isRight为false时，展示OrthographicCamera组件

以下是一个可能的解决方法：

import React, { useState } from 'react';
import { Canvas } from 'react-three-fiber';
import { OrbitControls, PerspectiveCamera, OrthographicCamera } from 'drei';

function App() {
  const [isRight, setIsRight] = useState(true);

  return (
    <Canvas>
      {isRight ? (
        <PerspectiveCamera position={[0, 0, 5]}>
          <OrbitControls />
        </PerspectiveCamera>
      ) : (
        <OrthographicCamera position={[0, 0, 5]}>
          <OrbitControls />
        </OrthographicCamera>
      )}

      <button onClick={() => setIsRight(!isRight)}>
        Toggle Camera Type
      </button>
    </Canvas>
  );
}

export default App;

在这个示例中，我们使用 `useState` 钩子来追踪 `isRight` 变量的值。当 `isRight` 为 `true` 时，我们渲染 `PerspectiveCamera` 组件，否则渲染 `OrthographicCamera` 组件。我们还在组件中添加了一个按钮，当点击时可以切换相机类型。使用 `OrbitControls` 组件来控制相机，可以通过 `position` 属性设置相机位置。