try {
const response = await axios.get(`https://api.hipspot.xyz/cafe/`);
const { data } = response;
// 여기 아래 한 줄
const cafeIds = data && data.items.map((cafe: CafeData) => cafe.cafeId);
setCafeData(data);
const randomArray = cafeIds[Math.floor(Math.random() * cafeIds.length)];
const [randomCafeId] = randomArray;
console.log(randomCafeId);
} catch (error) {
console.error(error);
}
원인: api가 잘못되어서 애초에 response가 받아와지지 않았다.
때문에 data고 뭐고 그냥 다 undefined였다.
api 수정하니 해결 됨 !