비동기통신 데이터 렌더링 안될 때

비동기 통신 결과값으로 받은 데이터가 렌더링이 안될때
처음에 일단 모든정보를 가져오는 값을 setState 에 저장할텐데
mui 속성에 연결된 value에 직접 상태값.reatingAvg 를 해줘도 평가별표가 채워지지않았다.
아마 value에 비동기통신값 데이터를 넣기전에
먼저 렌더링이 되서 생긴 결과같다.

이러한문제점의 해결책으로 mui에 value에 들어갈 ratingAvg를
비동기통신의 전체결과값 받는 useState와 함께 또 setRatingAvg 를 만들어서
ratingAvg를 value={ratingAvg}로 직접 주었다 .
그결과 비동기통신의 결과값이 늦게 받아오는것과 상관없이
어차피 useState에 반드시 담기는 값이므로 정상적으로 mui별표표시가 표현되었다.