[에러노트] React will try to recreate this component tree from scratch using the error boundary you provided, RenderErrorBoundary.

문제상황

React will try to recreate this component tree from scratch using the error boundary you provided, RenderErrorBoundary.

api를 불러왔을 때 나온 에러인데
비동기라 데이터를 받아오기 전에 먼저 render가 되서 발생하는 에러였다

해결 방안

const { isLoading, data: videos } = useQuery(['videos', id], () => videoInfo(id));

위의 코드처럼 api를 불러오기 위해서 useQuery를 사용해주었는데,
return값인 isLoading을 이용하면 해결이 된다

if (isLoading) return;

해당 코드 추가 시, 로딩이 다 된 후에 실행이 되므로 에러가 발생하지 않는다.