Using useFrame outside Canvas

만약 당신이 threlte를 이용해서 3D 관련 작업을 하고 있는데
useFrame을 썼는데 아래와 같은 에러가 뜨는 경우가 있을 것이다.

그러면 늘 하던대로 구글에 에러 코드를 복사해서 검색해본다.
그러나 관련된 내용만 나올 뿐 정확하게 이게 왜 그러는 지 알려주는 사람은 하나도 없다.

해당 문제가 발생하는 이유는 Canvas 바깥에서 useFrame을 사용했기 때문이다.

생각해보면 당연한 문제이다.
애초에 프레임별로 어떠한 작업을 하기 위해서는 프레임별로 작업하는 Canvas가 있어야 한다.

이를 해결하기 위해 useFrame을 다른 component에 넣어두고 해당 component를
Canvas 내부에서 불러와 쓰는 방법을 이용했다.

NO SBL KEEP GOING