리엑트 컴포넌트 오류

Uncaught Error: Objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children, use an array instead.

잡히지 않은 오류: 개체가 React 자식으로 유효하지 않습니다(찾음: [object Promise]). 자식 컬렉션을 렌더링하려면 대신 배열을 사용하세요

컴포넌트에 async 하고 컴포넌트 안에서 api 테스트 도중 발생했다

​

찾아 보니 이 문제의 원인은 다양하다

​

근데 보통 렌더링할 데이터가 원시 타입이 아닐 때도 발생할 때가 많다

​

​

해결방안

​

기본적인 것을 틀리지 않는다면 이 에러는 발생하지 않을 듯?