인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

도토잠보님의 프로필 이미지
도토잠보

작성한 질문수

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

스크롤바 조절하기

mutateChat 내부 dm에 들어가는 데이터 에러

작성

·

195

0

안녕하세요 제로초님

강의 3:41의 내용을보고 코드를 치는도중에

myData와 Sender, userData.id, Receiver 이

Failed to compile 에러가 났습니다

로초님께서 올려주신 깃헙코드를 복붙도해보고

강의코드와 비교도해보고

API문서도 확인해보았으나

제가 어느부분을 놓쳐서 이러한 에러가 나는지 모르겠습니다

 

const { workspace, id } = useParams<{ workspace: string; id: string }>();
  const { data: userData } = useSWR<IUser | false>(`/api/workspaces/${workspace}/users/${id}`, fetcher);
  const { data: myData } = useSWR('/api/users', fetcher);
  const {
    data: chatData,
    mutate: mutateChat,
    setSize,
  } = useSWRInfinite<IDM[]>(
    (index) => `/api/workspaces/${workspace}/dms/${id}/chats?perPage=${PAGE_SIZE}&page=${index + 1}`,
    fetcher,
  );

 

제 SWR 코드입니다.

 

답변 1

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

const { data: myData } = useSWR<IUser>('/api/users', fetcher); 로 수정하세요.

그리고

myData!.id, userData!

등으로 뒤에 ! 붙여서 false랑 undefined가 아니라고 알리면 됩니다.

도토잠보님의 프로필 이미지
도토잠보

작성한 질문수

질문하기