import { CameraControls } from "@react-three/drei"; import { useRef } from "react"; import { useFrame, useThree } from "@react-three/fiber"; import * as CONSTANTS from '../../../types/world/worldConstants'; import { useDuplicatedCamData, useToggleView } from "../../../store/builder/store"; export default function ControlsDuplicate() { const controlsRef = useRef(null); const { toggleView } = useToggleView(); const state = useThree(); const { duplicatedCamData } = useDuplicatedCamData(); useFrame(() => { controlsRef.current?.setPosition(...duplicatedCamData.camPosition, true); controlsRef.current?.setTarget(...duplicatedCamData.camTarget, true); }) return ( <> ); }