@react-three/纤程:如何创建阴影摄像头的helper？

import { PerspectiveCamera } from '@react-three/drei';

// 在场景中创建一个摄像头
<PerspectiveCamera position={[0, 0, 10]} fov={75} aspect={window.innerWidth / window.innerHeight} near={0.1} far={1000} />

import { useHelper } from '@react-three/drei';
import { SpotLightHelper } from 'three';

// 创建一个阴影摄像头
const shadowCamera = useRef();

// 在场景中创建一个SpotLight，并设置其位置、目标和阴影相关属性
<spotLight position={[0, 10, 10]} angle={Math.PI / 4} penumbra={1} intensity={1} castShadow shadow-mapSize-width={1024} shadow-mapSize-height={1024} shadow-camera-far={50} shadow-camera-near={0.1} ref={shadowCamera} />

// 将阴影摄像头作为helper添加到场景中
useHelper(shadowCamera, SpotLightHelper);