컴포넌트화 !!

  const [image] = useLoader(THREE.TextureLoader, [getImage]);

  return (
    <MyBook
      position={[5 * idx, 0, 0]}
      color="#ffdddd"
      args={[3.5, 5, 0.5]}
      speed={0.2}
      image={image}
      bookId={bookId}
      bookTitle={bookTitle}
    />
  );
};

<Suspense fallback={null}>
            {purchasedBookList &&
              purchasedBookList.map(
                (el, idx) =>
                  isBookLoaded && (
                    <MyBookCustom
                      getImage={el.order_book.thumbnail}
                      key={idx}
                      id={el.order_id}
                      idx={idx}
                      bookId={el.order_book.id}
                      bookTitle={el.order_book}
                    />
 )
 )}
</Suspense>

useLoader : 가장 상단에 위치해야하는데 함수로 감싸서 할 수 없었는데 컴포넌트로 넣어줄 수 있었다.