[Auth.js] Error: NEXT_REDIRECT 해결방법

 

문제점

Error: NEXT_REDIRECT 발생하면서 로그인 시 자동 리다이렉트 되지않으며 새로고침시 이동됨

문제의 소스코드에서는 return으로 처리하고 있다. signIn 함수가 실행되고 리다이렉션 처리가 되는데 return이 실행되어 무반응인 상황이다

"use server";

import { signIn } from "@/auth";
import { DEFAULT_LOGIN_REDIRECT } from "@/route";
import { z } from "zod";
import { AuthError } from "next-auth";
import { SignInSchema } from "@/schemas";

export const login = async (values: z.infer<typeof SignInSchema>) => {
  const validatedFields = SignInSchema.safeParse(values);
  if (!validatedFields.success) {
    return {
      result: false,
      message: { title: "로그인 실패", description: "부적절한 입력값" },
    };
  }

  const { email, password } = validatedFields.data;

  try {
    await signIn("credentials", {
      email,
      password,
      redirectTo: DEFAULT_LOGIN_REDIRECT,
    });
    return {
      result: true,
      message: { title: "로그인 성공", description: "환영합니다." },
    };
  } catch (error) {
    if (error instanceof AuthError) {
      switch (error.type) {
        case "CredentialsSignin":
          return {
            result: false,
            message: { title: "로그인 실패", description: "계정 정보 불일치" },
          };
        default:
          return {
            result: false,
            message: {
              title: "로그인 실패",
              description: "에러가 발생 했습니다",
            },
          };
      }
    }
    
    // 문제의 소스코드 부분
    return {
      result: false,
      message: {
        title: "로그인 실패",
        description: "서버 에러가 발생 했습니다",
      },
    };
  }
};

해결방법

로그인 서버 컴포넌트에서 별도의 return 처리하지 않기

"use server";

import { signIn } from "@/auth";
import { DEFAULT_LOGIN_REDIRECT } from "@/route";
import { z } from "zod";
import { AuthError } from "next-auth";
import { SignInSchema } from "@/schemas";

export const login = async (values: z.infer<typeof SignInSchema>) => {
  const validatedFields = SignInSchema.safeParse(values);
  if (!validatedFields.success) {
    return {
      result: false,
      message: { title: "로그인 실패", description: "부적절한 입력값" },
    };
  }

  const { email, password } = validatedFields.data;

  try {
    await signIn("credentials", {
      email,
      password,
      redirectTo: DEFAULT_LOGIN_REDIRECT,
    });
  } catch (error) {
    if (error instanceof AuthError) {
      switch (error.type) {
        case "CredentialsSignin":
          return {
            result: false,
            message: { title: "로그인 실패", description: "계정 정보 불일치" },
          };
        default:
          return {
            result: false,
            message: {
              title: "로그인 실패",
              description: "에러가 발생 했습니다",
            },
          };
      }
    }
    throw error;
  }
};