인프런 커뮤니티 질문&답변

저와 같은 실수를 하실까봐 해결했던 방법 공유하겠습니다.

import 부분만 제외한 나머지 다른 부분들은 코드를 똑같이 적었다고 생각했지만

서버에서 false와 data를 받는 건 잘 됐으나, 로그인이 되질 않아 이상하다고 생각하여 data에 대한 log를 찍어봤습니다.

계속 undefined가 나오길래, fetcher 함수에 이상함을 감지하고 쳐다본 결과,

// data가 안들어가지는 이유 코드

import axios from 'axios';

const fetcher = (url: string) =>
  axios
    .get(url, {
      withCredentials: true,
    })
    .then((res) => {res.data});

export default fetcher;

.then((res)=> {res.data}); 이렇게 하면 데이터가 아예 들어가질 않더군요...;; 습관이란게 무섭네요ㅎㅎ

위 코드를 밑에 처럼 바꾸시면 data가 잘 들어가지고 channel로 잘 이동되실겁니다.

import axios from 'axios';

const fetcher = (url: string) =>
  axios
    .get(url, {
      withCredentials: true,
    })
    .then((res) => res.data);

export default fetcher;

혹시 저와 같은 실수를 하시는 분이 계실수도 있으실 것 같아서

시간을 줄여드리고자 공유하도록 하겠습니다.