Credentials provider with JWT strategy

[digoburigo]

Can someone help with setting up a JWT strategy with a Credentials provider with NextAuth v5?

I'm tried everything and cannot understand why NextAuth it's not storing any cookie to maintain the session state.

This is my backend in Python return of the login endpoint {url}/api/token

{
    "refresh": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbl90eXBlIjoicmVmcmVzaCIsImV4cCI6MTcxODMxNTE3OSwiaWF0IjoxNzE4MjI4Nzc5LCJqdGkiOiIwNDVlMWI2NWE2MGY0NzQ3YTRlN2RhYWJiZjhiNDQ0MiIsInVzZXJfaWQiOjJ9.C9fPl00LFdBZczUcZDwRXXCuijgcpAiTKcvJ3ftGPW8",
    "access": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbl90eXBlIjoiYWNjZXNzIiwiZXhwIjoxNzE4MjI5MDc5LCJpYXQiOjE3MTgyMjg3NzksImp0aSI6ImUwNWFiM2FjNTQ2YTRhYWM4NTAwYTA2OGFiMmNhNTJhIiwidXNlcl9pZCI6Mn0.TbCDQSJIhsPopDDmYJKrzg95S5oRGD9hyNxt1Ryyr-E"
}

This is my NextAuth code:

export const authOptions: NextAuthConfig = {
  session: { strategy: "jwt", },
  providers: [
    Credentials({
      credentials: {
        username: { label: "Username" },
        password: { label: "Password", type: "password" },
      },
      authorize: async (credentials) => {
        try {
          const { username, password } = await signInSchema.parseAsync(credentials)

          const res = await fetch(
            `http://localhost:8000/api/token/`,
            {
              method: "POST",
              body: JSON.stringify({ username, password }),
              headers: { "Content-Type": "application/json" },
            }
          );
          const data = await res.json();

          if (!data) return null;

          const {
            username: user_name,
            email,
            user_id,
            exp,
            is_superuser,
            is_staff,
          }: any = jwtDecode(data.access);

          const user = {
            ...data,
            exp,
            user: {
              username: user_name,
              email,
              user_id,
              is_staff,
              is_superuser,
            },
          };

          // return json object with the user data
          console.log(`USER:`, user)

          return user
        } catch (error) {
          if (error instanceof ZodError) {
            // Return `null` to indicate that the credentials are invalid
            return null
          }
        }
      },
    }),
  ],
  callbacks: {
    async jwt({ token, user }: any) {

      // initial signin
      if (user) {
        token.access = user.access;
        token.refresh = user.refresh;
        token.id = user.id;
        token.email = user.email;
        token.exp = user.exp;
      }

      if (token.exp && (Date.now() < token.exp * 100)) {
        console.log(`returning token`)

        return token;
      }


      // refresh user
      return (await refreshAccessToken(token)) as JWT;
    },
    async session({ session, token }: any) {
      return session;
    },
  },
};

packages versions:

    "@auth/core": "^0.32.0",
    "jwt-decode": "^4.0.0",
    "next": "^14.2.4",
    "next-auth": "5.0.0-beta.19",

Trying following this example but with no success https://github.com/mujahidfa/django_nextjs_auth