useSWR data undefined 이슈.
863
작성한 질문수 21
안녕하세요 제로초님.
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를 열어봐도 정상적으로 데이터는 받아집니다.
제가 뭘 놓치고 있는지 시간되실 때 한 번 확인 부탁드리겠습니다.
답변 1
0
위에도 users 요청이 하나 더 있는데 그것도 확인해보세요.
0
호출된 users는 모두 같은 response를 가지고 있습니다.
강의에 설치된 0.4.2 버전의 swr에서는 안되는데
최신버전으로만 라이브러리 설치해서 클론 진행중인 프로젝트에 1.3.0으로 설치된 swr은 같은에서 revalidate만 mutate로 변경한 후 정상적으로 동작하네요..
0
음;; 혹시나 하는 마음으로 강의에 나온 버전으로 클론 코딩중인 프로젝트의 swr버전도 최신버전으로 올려보았더니 정상적으로 동작하네요;;;
이건 swr 구버전의 호환성 버그가 있었다고 간주하고 넘어가야 할 것 같습니다..ㅠ
혹시라도 원인이 될만한 내용이 짐작가시는게 있다면 알려주시면 다시 다운그레이드하고 체크해보겠습니다!
기본 셋팅과 관련하여
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





