Next.js에서 auth session업데이트하기

Question

안녕하세요. next.js로 회원수정 폼을 만들었는데, client에서 update함수를 써도 세션이 업데이트 되지 않아 며칠째 고민중입니다.일단 제 [...nextauth].js의 callbacks설정은 이렇게 되어있구요,update가 trigger가 되면 세션을 업데이트 해야되는데 업데이트도 안되고 콘솔에도 찍히는게 없습니다.ㅠㅠ callbacks: { jwt: async ({ token, trigger, user, session }) => { if (user) { token.user = {}; token.user.name = user.name; token.user.userNickname = user.userNickname; token.user.email = user.email; token.user.memberId = user.memberId; token.user.authorization = user.authorization; token.user.refresh = user.refresh; } if (trigger === "update" && session.name) { //트리거가 실행되지 않는것 같음... // 클라이언트에서 보낸 변경된 회원 정보를 세션에 반영 token.user.userNickname = session.userNickname; token.user.userName = session.userName; console.log("회원", token); console.log("trigger", trigger); console.log("session", session); } return token; }, session: async ({ session, token }) => { session.user = token.user; return session; }, },그리고 아래코드는 회원 수정폼입니다. 주석처리한 곳을 보면 auth의 공식예제를 보고 update함수를 사용했는데, 업데이트가 되지 않습니다ㅠㅠ"use client"; import axios from "axios"; import { useSession } from "next-auth/react"; import { useRouter } from "next/navigation"; import { useEffect, useState } from "react"; export default function MyPage() { const router = useRouter(); const { data: session, status, update } = useSession(); //...생략 //회원수정하는 핸들러. 서버에서는 회원정보 수정 잘되는데 update함수가 실행이안됨. const handleMemberInfo = async () => { try { const response = await axios.post("api/auth/memberUpdate", formValues); if (response.status === 200) { if (status === "authenticated") { await update({ //<--- 이 부분이 실행이 안됨. userNickname: formValues.userNickname, userName: formValues.userName, }); } } } catch (error) { console.error("회원수정 실패:", error.message); } }; console.log("세션", session); //세션이 변경되지 않고 기존 세션 유지됨... if (findMember) { return ({/* 회원 정보 바꾸기 */}

{JSON.stringify(session, null, 2)}

이름 변경

닉네임 변경

{ setFormValues((prevFormValues) => ({ ...prevFormValues, userNickname: e.target.value, })); }} />

{/*...생략*/}

예를들어 이름(userName)을 "김땡땡", 닉네임(userNickName)을 "dot_kim"이라고 바꾸면 서버에서는 바뀌지만 session에는 반영되지 않고, 콘솔창을 확인해보면 회원가입했을때의 session이 유지되고 있습니다. 콘솔창 내용입니다. session: {user:authorization: "Bearer eyJhbGciOiJIUzI1NiJ9.eyJyb2xlcyI6WyJNRU1CRVIiXSwiZW1haWwiOiJ0ZXN0MkB0ZXN0LmNvbSIsIm1lbWJlcklkIjo2LCJzdWIiOiJ0ZXN0MkB0ZXN0LmNvbSIsImlhdCI6MTcwNTQ2NjMxOSwiZXhwIjo4OTYzMDY2MzE5fQ.E5U5SK9HSPduMbMwvo9dMCkekzntaOwp5NNem9YJRrk"email: "test2@test.com"memberId: 6name: "test2"refresh: "eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ0ZXN0MkB0ZXN0LmNvbSIsImlhdCI6MTcwNTQ2NjMxOSwiZXhwIjo4OTYzMDY2MzE5fQ.nLxWJFDv889JPH0pY2_PtxRgpLL1PnCEiCUccvUzfuM"userNickname: "test2"}대체 왜 session이 업데이트가 안되는걸까요?ㅠㅠ 혹시 몰라 회원 수정하는 api/auth/memberUpdate.js도 올리겠습니다. //회원정보 수정 api/auth/memberUpdate.js import { getServerSession } from "next-auth"; import { authOptions } from "../auth/[...nextauth]"; export default async function handler(req, res) { let session = await getServerSession(req, res, authOptions); if (req.method === "POST") { let memberId = req.body.memberId; let member = { password: req.body.password, checkPassword: req.body.checkPassword, currentPassword: req.body.currentPassword, userName: req.body.userName, userNickname: req.body.userNickname, phoneNumber: req.body.phoneNumber, profileNum: req.body.profileNum, }; let changeInfo = JSON.stringify(member); try { const result = await fetch( `https://server.bit-harbor.net/members/${memberId}`, { method: "PATCH", headers: { "Content-Type": "application/json", Authorization: session.user.authorization, }, mode: "cors", body: changeInfo, } ); if (!result.ok) { const errorText = await result.text(); console.error("API 응답 에러:", errorText); return res.status(result.status).json(errorText); } // 응답 데이터 확인 const responseData = await result.json(); console.log("데이터", responseData.data); // 응답이 비어 있다면 에러 처리 if (!responseData) { console.error("API 응답 에러: 서버에서 유효한 JSON을 반환하지 않음1"); return res.status(500).json("서버 오류"); } // 세션 업데이트 session.user.userName = member.userName; session.user.userNickname = member.userNickname; console.log("바뀐거", session.user.userNickname); res.status(200).json({ responseData, session }); } catch (error) { console.error("서버 오류:", error); res.status(500).json("서버 오류"); } } }

Next.js에서 auth session업데이트하기

0개의 답변

#session 목록