signIn redirects to http://localhost:3000/api/auth/error in development immediately.

[OgLuka]

next - 13.3.2
node - 20.2.5
next-auth - 4.22.1
hi, i have been using next auth in my many projects and it worked fine, but recently for some reason it just stoped working in my latest next 13 version, i am using pages directory. when i call signIn function for credentials it instantly redirects to http://localhost:3000/api/auth/error , no errors in console or terminal, i have set secret and URL in env file. only error i could get from next auth logger callback is following:

CLIENT_FETCH_ERROR {
  error: '[object Object]',
  url: '/api/auth/providers',
  message: 'Failed to fetch',
  client: 'true'
}

. the problem is unclear because it was working just fine, maybe something got updated and that's the problem? i don't know please help.

my [...nextauth].js

import NextAuth from "next-auth";
import CredentialsProvider from "next-auth/providers/credentials";

export default NextAuth({
  secret: process.env.NEXTAUTH_SECRET,
  providers: [
    CredentialsProvider({
      id: "credentials",
      name: "credentials",
      type: "credentials",
      credentials: {
        email: {
          label: "Email",
          type: "text",
        },
        password: {
          label: "Password",
          type: "password",
        },
      },
      async authorize(credentials) {
        //databaselookup
        const response = await fetch(
          "https://app.propertyview.co/api/user/login/",
          {
            method: "POST",
            credentials: "include",
            body: JSON.stringify({
              username: credentials.email,
              password: credentials.password,
            }),
            headers: { "Content-Type": "application/json" },
          }
        );
        const data = await response.json();
        if (response.status == 200) {
          return {
            token: data.access,
            name: credentials.email,
            email: credentials.email,
          };
        }
        return null;
      },
    }),
  ],
  logger: {
    error(code, metadata) {
      console.error(code, metadata);
    },
    warn(code) {
      console.warn(code);
    },
    debug(code, metadata) {
      console.debug(code, metadata);
    },
  },
  callbacks: {
    signIn: async ({ account, profile }) => {
      if (account.provider == "credentials") return true;
    },
    jwt: async ({ token, user, account }) => {
      if (user && account.provider == "credentials") {
        token.accessToken = user.token;
        token.provider = account.provider;
      }
      return token;
    },
    session: async ({ session, token }) => {
      if (token) {
        session.accessToken = token.accessToken;
        session.provider = token.provider;
      }
      return session;
    },
  },
});

signIn in login:

 signIn("credentials", {
        redirect: false,
        email: email.current.value,
        password: pass.current.value,
        callbackUrl: `${window.location.origin}/dashboard/`,
      })
        .then((response) => {
          if (response.ok) {
            redirectdashboard();
          } else {
            SetError("Email or password you entered is incorrect.");
            SetLoading(false);
          }
        })
        .catch(() => {
          SetLoading(false);
          SetError("Email or password you entered is incorrect.");
        });

[rishabhverma-kiwi]

I am also facing the same issue, did it resolved ?

[nhuethmayr]

yes, problem was chrome was chaching my localhost login page and imediately redirecting to error, i disabled chache from devtools and it resolved.

Don't forget to mark this question as answered then 😉

[PtradeLLC]

Same issue here... Always something wth NextAuth, even if and when you think you get it right it somehow still goes wrong smh.

[huboh]

have you gotten any fix? i've disabled cache and did every thing correct, yet i'm instantly redirected

[joseff-regmi]

Two things to check:

1. .env file:
   NEXTAUTH_URL=http://localhost:3000
   NEXTAUTH_SECRET=your_secret

2. Folder structure:
   app>api>auth>[...nextauth]

[NurullahDnc]

chache'yi devtools'tan devre dısı bıraktım ama cozulmedi baska birsey yaptınız mı

[muhaimincs]

on version: 4.22.3 it just redirect to default login page which something I do not expect

[chinmayee-kc]

im facing same issue someone please help

[loloDawit]

Looks like you are requiring a password in your model but not passing the value. thats why you are getting this error

[nerdalert]

Might be worth making sure the callback url in the GitHub/Google Oauth settings, matches the NEXTAUTH_URL .env in your stack.