inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Next + React Query로 SNS 서비스 만들기

게시글 업로드 완성 & setQueryData

게시물 업로드 시 userId가 undefined로 들어가는 오류

해결된 질문

119

개미

작성한 질문수 5

0

안녕하세요.

게시물 업로드 요청 시 500 Internal Server Error 에러가 발생합니다.

현재 코드에는 쿠키도 함께 전달되고, 네트워크 탭에서 확인해보면 formData 값도 정상적으로 전송되는 것으로 보입니다.

  const onSubmit: FormEventHandler = (e) => {
    e.preventDefault();
    // formData 객체에 값 넣기
    const formData = new FormData();
    formData.append("content", content);
    preview.forEach((item) => {
      if (item) {
        formData.append("images", item.file);
      }
    });

    // 전송
    fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/api/posts`, {
      method: "post",
      credentials: "include",
      body: formData,
    });
  };
스크린샷 2025-08-28 오후 4.34.47.png.webp

그런데 서버에서는 userId가 undefined로 들어가고 User 정보가 없다(?)는 오류가 발생합니다.

스크린샷 2025-08-28 오후 4.17.44.png.webp

다른 분들의 Internal server error 관련 질문을 살펴봐도, 이 문제가 프론트에서 확인할 수 있는 부분인지 잘 구분이 되지 않아 질문드립니다.

제가 어디를 중점적으로 확인해보면 좋을까요?

react next.js react-query next-auth msw

답변 1

0

개미

제가 백엔드는 잘 알지 못해서 AI 도움을 받아 문제를 해결했습니다.

서버의 logged-in-guard.ts 파일에서, email 필드를 사용하던 부분을 id로 바꾸니 데이터가 정상적으로 들어오는 것을 확인했습니다.

request.user = {
   ...decoded,
   // id: decoded.email,
   id: decoded.id,
};

아마 강의에서는 id를 email을 기준으로 불러오도록 되어 있었는데, 저는 NextAuth를 사용할 때 id를 토큰에 담아 사용했기에 오류가 발생한 것 같습니다.

 callbacks: {
    jwt({ token, user }) {
      if (user) {
        token.id = user.id as string;
      }
      return token;
    },
    session({ session, token }) {
      session.user.id = token.id as string;
      return session;
    },
  },

일단은 위의 방법으로 문제를 해결했는데, 혹시나 제가 잘못 알고 있는 부분이 있다면 답변 부탁드립니다 :)

1

제로초(조현영)

해외라서 답변을 못드렸네요. 해결하신 방법이 맞을겁니다!

캡처링부분 질문있습니다.

0

74

2

깃에 소스코드를 찾을 수 없습니다.

0

113

2

useInfiniteQuery promise와 react use 사용시 페이지 무한 로딩

0

98

1

import 파일 경로를 찾지 못 해서 에러가 발생합니다.

0

109

2

css 라이브러리 추천 부탁드립니다

0

140

2

팔로우 추천 목록이 빈 배열로 들어옵니다.

0

130

1

useSuspenseQuery 사용 시 SSR 401 이슈 관련

0

171

1

리액트 쿼리 useinfinitequery 무한스크롤 구현 시 페이지가 이동할 경우 데이터가 보존되게 할 수 있나요??

0

184

3

폴링이 필요없는 이유

0

93

2

next Request Memoization과 react cache

0

108

2

seo 최적화 기준은 데이터 fetching인가요 아님 데이터 렌더링인가요?

0

84

2

next.js 서버fetch 에러 fallback ui 구현 방법

0

173

2

프레임워크 여론 파악법

0

125

2

필터옵션이 많은 페이지에서 서버 fetch를 하는게 맞는걸까요??

0

103

2

서버 fetch suspense 로 감싸고 새로고침 시 잠시 빈 화면이 노출된 후 fallback ui가 노출됩니다.

0

102

2

template.tsx 내 서버fetch 응답값과 클라이언트 컴포넌트 상태값 싱크가 맞지 않는 이슈

0

66

2

Auth.js 사용 시 authorize 함수가 호출되지 않습니다

0

131

2

next.js 에서 로그인에 관하여

0

138

1

Next의 route handler에 대한 질문이 있습니다.

0

101

2

게시판 리스트 만들때 use client를 어디서부터 집어넣어야할지 모르겠습니다

0

97

2

프라이빗 폴더를 해야 하는 이유가 모호한 것 같아요.

0

85

2

vanilla-extract 못찾는 문제

0

229

2

fetch 캐싱과 revalidate 관련

0

84

2

강의 듣는 방법

0

104

2