inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Slack 클론 코딩[실시간 채팅 with React]

워크스페이스 만들기 + 로그아웃하기

useSWR data undefined 이슈.

863

김영욱

작성한 질문수 21

0

안녕하세요 제로초님.

useSWR을 통해 서버에 user 정보를 요청하면 서버에서 넘어오는 response는 정상적으로 넘어오는데 화면에서 사용하는 data가 undefined로만 찍히는 원일을 모르겠어 문의드립니다.
(추가로 로그아웃을 한것처럼 쿠키를 삭제하고 data를 찍어보아도 undefined가 찍힙니다. / response는 false로 오구요.)

 

fetcher.ts 는 {}를 생략해서 return 되게끔 해두었습니다.

import axios from "axios";

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

export default fetcher;

 

Login.tsx 에서는 컴포넌트 최상단에 uswSWR을 사용해주었습니다.

const { data, error, revalidate } = useSWR("http://localhost:3095/api/users", fetcher);

 

호출되는 users api의 response를 console.log에 찍어도 그렇고 네트워크 탭에서 response를 열어봐도 정상적으로 데이터는 받아집니다.

제가 뭘 놓치고 있는지 시간되실 때 한 번 확인 부탁드리겠습니다.

typescript react babel 웹팩 Socket.io 클론코딩

답변 1

0

제로초(조현영)

위에도 users 요청이 하나 더 있는데 그것도 확인해보세요.

0

김영욱

호출된 users는 모두 같은 response를 가지고 있습니다.
강의에 설치된 0.4.2 버전의 swr에서는 안되는데
최신버전으로만 라이브러리 설치해서 클론 진행중인 프로젝트에 1.3.0으로 설치된 swr은 같은에서 revalidate만 mutate로 변경한 후 정상적으로 동작하네요..

0

김영욱

음;; 혹시나 하는 마음으로 강의에 나온 버전으로 클론 코딩중인 프로젝트의 swr버전도 최신버전으로 올려보았더니 정상적으로 동작하네요;;;
이건 swr 구버전의 호환성 버그가 있었다고 간주하고 넘어가야 할 것 같습니다..ㅠ

혹시라도 원인이 될만한 내용이 짐작가시는게 있다면 알려주시면 다시 다운그레이드하고 체크해보겠습니다!

0

제로초(조현영)

지금 생각해보니 data가 undefined인건 데이터 로딩 중일 때입니다.

기본 셋팅과 관련하여

0

93

1

초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법

0

98

2

focus 시에만 화면 업데이트 되는 이유 + 해결방법

0

150

2

useEffect 개수 관리

0

111

2

라이브러리 서치 방법

0

105

2

함수 정의 패턴

0

77

1

npm run dev 에러

0

152

3

npx webpack 후 에러

0

178

2

'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)

0

146

2

사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')

1

179

2

초기세팅중 packge.json 에러떠요

0

157

2

CORS - Access-Control-Allow-Origin 누락 문제

0

432

3

로그인 페이지 무한 새로고침 현상

0

598

2

Module not found: Error: Can't resolve './App' 에러

0

959

1

배포 방법

0

299

2

npm run dev 시 빌드가 매우 느려졌습니다

0

994

2

alias 경로 설정 오류

0

453

2

fetcher 함수의 data 값이 두번 찍히는 이유

0

278

1

제네릭 질문

0

219

2

ts-node 대신 tsx 사용여부

0

373

1

배포 관련 질문

0

247

1

[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.

0

386

2

[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.

0

336

1

users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.

0

247

2