useEffect + ajax요청 오류

function App() {

let [수량, 수량변경]= useState(["안녕","하세요","저는"]);
let [차트정보,차트정보변경] = useState([]);

useEffect(()=>{

axios.get("https://btl831.github.io/example1.json")
.then((result)=>{console.log(result.data); 차트정보변경(result.data)})
.catch();

},[]); 해서 

개발자도구로 보면 console 에 로그로 잘 넘오는데 해당 js 에서 {차트정보[0].singer} 처럼 차트정보를 변수로 사용하려는 순간 랜더가 되지않고 오류가 뜹니다. 어떻게 된것일까요....? 그래서 props사용도 불가합니다... 정보가 잘 오는거 같긴한데...