Uncaught TypeError: ~~.map is not a function

어떤 에러?

Uncaught TypeError: ~~. map is not a function

 

API 호출 중에 유독 한 API 만 이런 에러가 발생...

스택오버플로우를 보니 오브젝트는 map 메서드를 갖고 있지 않아서 사용할 수가 없다~ 이런 얘기들이 많았는데,

나는 당연히 배열로 잘 빼왔는데 무슨 말이야?.. 하고 있었던 것이다 ^^..

 

 

  const getTeamsData = async (companyId) => {
    try {
      const response = await axios.get(
        `~~~API 주소`
      );

      setTeamsData(response.data.teams);
    } catch (error) {
      console.log(error);
    }
  };

현재 API 호출 함수에서는 바로 배열을 state로 저장하고 있었기 때문..

그렇게 시작된 삽질 타임..

 

해결

너무나 어이없게 해결해 버렸다.

초기값을 왜인지 객체로 해두고 있었던 것이었다.. 😂

 

 const [teamsData, setTeamsData] = useState([]);

배열로 바꾸어주니 해결 완.
내 코드를 항상 의심하도록 하자..