리액트로 하면 어떻게 해야할지 작성해주실수있나요?

지난 질문에도 말씀드렸다시피 리액트용 코드가 아니라서 수정이 필요합니다.

복붙해서 사용하실 수 없습니다.

구글링을 통해 정보를 얻으셔서 수정을 해주시면 됩니다.

검색 예 ) react requestAnimationFrame

    const requestRef = useRef();
    const [targetPosition, setTargetPosition] = useState({ x: 0, y: 0 });
    const speed = 0.09;
    
    const animate = () => {
        setTargetPosition({
            x: (targetPosition.x += (마우스.x - targetPosition.x) * speed),
            y: (targetPosition.y += (마우스.y - targetPosition.y) * speed),
        });
        requestRef.current = requestAnimationFrame(animate);
    };

    useEffect(() => {
        requestRef.current = requestAnimationFrame(animate);
        return () => cancelAnimationFrame(requestRef.current);
    });

필요하신 코드를 계속 작성해서 드릴 수는 없을 것 같습니다.

우선 강의 내용인 인터랙티브 원리를 이해하신 후

리액트 코드로 변환하는 것을 추천드립니다.