Session Callback not firing + Prisma Adapter?

[Landoooooo]

Question 💬

Hello, I'm trying to setup next-auth with the credentials provider, but I'm running into issues with receiving a session once a user signs in.

Here is my [...nextauth].js file

import NextAuth from "next-auth";
import Providers from "next-auth/providers";
import { PrismaAdapter } from "@next-auth/prisma-adapter";
import { PrismaClient } from "@prisma/client";

import client from "../../../components/graphql/client";
import { LOGIN } from "../../../components/graphql/queries";

const prisma = new PrismaClient();
const options = {
  // Configure one or more authentication providers
  providers: [
    Providers.Credentials({
      async authorize(credentials, req) {
        const { email, password } = credentials;
        const {
          data: { login: uuid },
        } = await client.mutate({
          mutation: LOGIN,
          variables: {
            input: { email, password },
          },
        });

        if (uuid) {
          // Any object returned will be saved in `user` property of the JWT
          return uuid;
        } else {
          // If you return null or false then the credentials will be rejected
          throw new Error("error message");
          // You can also Reject this callback with an Error or with a URL:
          // throw new Error('error message') // Redirect to error page
          // throw '/path/to/redirect'        // Redirect to a URL
        }
      },
    }),
  ],
  adapter: PrismaAdapter(prisma),
  pages: {
    signIn: "/auth/signin",
    signOut: "/auth/signout",
    // error: "/auth/error", // Error code passed in query string as ?error=
    // verifyRequest: "/auth/verify-request", // (used for check email message)
    // newUser: null, // If set, new users will be directed here on first sign in
  },
  session: {
    // Use JSON Web Tokens for session instead of database sessions.
    // This option can be used with or without a database for users/accounts.
    // Note: `jwt` is automatically set to `true` if no database is specified.
    jwt: true,
  },
  callbacks: {
    async jwt(token, user, account) {
      console.log("JWT CALLED");
      if (user) {
        token.uuid = user.uuid;
        token.name = user.name;
        token.email = user.email;
        token.picture = user.picture;
        token.accessToken = user.accessToken;
        token.expires = Date.now() + 7200 * 1000;
      }

      if (token?.accessToken) {
        const tokenExpiry = token.expires;
        const almostNow = Date.now() + 60 * 1000;

        if (tokenExpiry !== undefined && tokenExpiry < almostNow) {
          try {
            // const newToken = await api.renewToken(token.accessToken); // calling external endpoint to get a new token
            // // re-assign to the token obj that will be passed into the session callback
            // token.accessToken = newToken.accessToken;
            // token.expires = newToken.expires;
          } catch (error) {
            console.error(error, "Error refreshing access token");
          }
        }
      }
      console.log("FINAL", token);
      return token;
    },
    async session(session, user) {
      console.log("SESSION CALLED");
      session.accessToken = user.accessToken;
      session.expires = user.expires;
      return session;
    },
    async signIn(user, account, profile) {
      // const isAllowedToSignIn = true;
      // if (isAllowedToSignIn) {
      //   return true;
      // } else {
      //   // Return false to display a default error message
      //   return false;
      //   // Or you can return a URL to redirect to:
      //   // return '/unauthorized'
      // }
      return true;
    },
    async redirect(url, baseUrl) {
      return url.startsWith(baseUrl) ? url : baseUrl;
    },
  },
};

export default (req, res) => NextAuth(req, res, options);

It may be helpful to see my package.json dependencies file as well

"dependencies": {
    "@apollo/client": "^3.3.20",
    "@next-auth/prisma-adapter": "^0.4.4-canary.64",
    "@nexus/schema": "^0.20.1",
    "@prisma/client": "^2.22.1",
    "apollo-server-micro": "^2.24.0",
    "bcrypt": "^5.0.1",
    "graphql": "^15.5.0",
    "jsonwebtoken": "^8.5.1",
    "lodash": "^4.17.21",
    "next": "10.2.3",
    "next-auth": "^3.27.0",
    "nexus": "1.0.0",
    "nexus-plugin-prisma": "^0.35.0",
    "prisma": "2.23.0",
    "react": "17.0.2",
    "react-dom": "17.0.2",
    "styled-components": "^5.3.0",
    "styled-normalize": "^8.0.7"

Hopefully, this is enough information to find the cause of my issues.

[balazsorban44]

Don't set jwt: true in session. You explicitly ask next-auth to use JWT sessions instead of db persisted ones.

Also when using the credentials provider, this setting won't matter as we state in the documentation, you cannot use credentials with adapters. See: https://next-auth.js.org/providers/credentials

UPDATE: hmm. none of this should mean that the session callback won't run... it will run for either JWT or DB persisted sessions as well.

[balazsorban44]

At this point I would need a full reproduction to be able to help.

[Landoooooo]

Understood, I’ll try to get it running in codesandbox.

[Landoooooo]

Worked as expected in codesandbox. I'm pretty lost as to what to do next regarding this issue. I guess as a last-ditch effort, I'll just init a new project locally and see how that works out.

[balazsorban44]

I see. Unfortunately, without a repro, the issue is in your configuration, and I am pretty much helpless in giving more support. Hope it works out though 🤞

[Kuraj11101]

On the other end I am literally just expecting Unexpected Token < Json while parsing the Credentials After Registration to redirect to login page. The user gets registered but don't have access to sign in.