react axios 로 api호출시 recoil value 전달 실패

Question

회원가입 마지막 단계 페이지인 관심태그 페이지입니다. 이미 nickName, email, phoneNum, pwd, subGroup, workYear는 recoil의 userState에 저장된 상태입니다.

다음 코드를 실행하면 api 호출에는 성공하는데, isSuccess가 false가 되면서 이메일을 입력해주세요라는 message가 뜨고 회원가입 실패 alert 창이 뜹니다. 아무래도 recoil value의 전달에 실패한 것 같은데 왜 그럴까요? 참고로 api 주소는 가짜로 적었습니다.

function InterestTag() {
  const [user, setUser] = useRecoilState(userState);
  const [interestIdx, setInterestIdx] = useRecoilState(userState);
  const [buttonColor, setButtonColor] = useState(f1f4f7);
  const nickName = useRecoilValue(userState).nickName;
  const email = useRecoilValue(userState).email;
  const phoneNum = useRecoilValue(userState).phoneNum;
  const pwd = useRecoilValue(userState).pwd;
  const subGroup = useRecoilValue(userState).subGroup;
  const workYear = useRecoilValue(userState).workYear;

const handleTagClick = (interestIdx) => {
    setInterestIdx(interestIdx);
    setUser({
      ...user,
      interestIdx: interestIdx,
      isLogin: true,
    });
    setButtonColor(#36f);
  };
  console.log(interestIdx);

const navigate = useNavigate();

손정현 · Answer

안녕하세요.
axios.post로 전송하는 데이터 형태가 의도된 것인가요?
{ data: { data: { nickname: ... } } } 형태로 날라가는 것 처럼 보여서요.

백엔드가 저렇게 짜여져있다면 처리가 될텐데 혹시 { data: { nickname: ...} } 형태를 받고 있을 수 있어서  질문 드립니다.