[auth][error] JWTSessionError in nextJS14 with authjs and prisma + mongodb

[SSazzadur]

I am getting an error in my project

[auth][error] JWTSessionError: Read more at https://errors.authjs.dev#jwtsessionerror
[auth][cause]: TypeError: Cannot read properties of undefined (reading 'name')
at Object.jwt (webpack-internal:///(middleware)/./src/lib/auth.config.ts:39:32)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async Module.session (webpack-internal:///(middleware)/./node_modules/.pnpm/@[email protected]/node_modules/@auth/core/lib/actions/session.js:27:27)
at async AuthInternal (webpack-internal:///(middleware)/./node_modules/.pnpm/@[email protected]/node_modules/@auth/core/lib/index.js:47:24)
at async Auth (webpack-internal:///(middleware)/./node_modules/.pnpm/@[email protected]/node_modules/@auth/core/index.js:126:34)
at async handleAuth (webpack-internal:///(middleware)/./node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next-auth/lib/index.js:134:29)
at async adapter (webpack-internal:///(middleware)/./node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next/dist/esm/server/web/adapter.js:179:16)
at async /Users/.../node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next/dist/server/web/sandbox/sandbox.js:110:22
at async runWithTaggedErrors (/Users/.../node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next/dist/server/web/sandbox/sandbox.js:107:9)
at async DevServer.runMiddleware (/Users/.../node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next/dist/server/next-server.js:1062:24)

db.ts

import { PrismaClient } from "@prisma/client/edge";

const prismaClientSingleton = () => {
	return new PrismaClient();
};

declare global {
	var prisma: undefined | ReturnType<typeof prismaClientSingleton>;
}

const db = globalThis.prisma ?? prismaClientSingleton();

export default db;

if (process.env.NODE_ENV !== "production") globalThis.prisma = db;

auth.config.ts

import { createUser, fetchUsersWithEmail } from "@/app/_actions/users";
import { NextAuthConfig } from "next-auth";
import Google from "next-auth/providers/google";

import { PrismaAdapter } from "@auth/prisma-adapter";
import db from "./db";

export const authConfig: NextAuthConfig = {
	adapter: PrismaAdapter(db),
	session: { strategy: "jwt" },
	providers: [Google],
	pages: {
		signIn: "/login",
	},
	callbacks: {
		async session({ session, token }) {
			if (token) {
				session.user.name = token.name!;
				session.user.email = token.email!;
				session.user.image = token.picture!;
			}

			return session;
		},

		async jwt({ token, user }) {
			const dbUser = await fetchUsersWithEmail(user?.email || "");

			if (!dbUser) {
				const res = await createUser({ name: user.name!, email: user.email!, image: user.image! });
				token.id = res.id;
				return token;
			}

			console.log("dbUser", dbUser);

			return {
				id: dbUser.id,
				name: dbUser.name,
				email: dbUser.email,
				image: dbUser.image,
			};
		},

		redirect() {
			return "/";
		},
	},
};

auth.ts

import NextAuth from "next-auth";
import { authConfig } from "./auth.config";

export const { handlers, signIn, signOut, auth } = NextAuth(authConfig);

middleware.ts

import { auth } from "@/lib/auth";
import { NextResponse } from "next/server";

export default auth(req => {
	const pathname = req.nextUrl.pathname;

	// manage route protection
	const isAuth = req.auth;
	const isLoginPage = pathname.startsWith("/login");

	const sensitiveRoutes = ["/"];
	const isAccessingSensitiveRoute = sensitiveRoutes.some(route => pathname.startsWith(route));

	if (isLoginPage) {
		if (isAuth) {
			return NextResponse.redirect(new URL("/", req.url));
		}

		return NextResponse.next();
	}

	if (!isAuth && isAccessingSensitiveRoute) {
		return NextResponse.redirect(new URL("/login", req.url));
	}

	if (pathname === "/") {
		return NextResponse.redirect(new URL("/", req.url));
	}
});

export const config = {
	matcher: ["/", "/login"],
};

[drxc00]

did you manage to find a solution for this? Im also experiencing the same issue when initializing a middleware. Im using mongoose for object modeling

[SSazzadur]

Yes, I found a solution for implementing Google authentication in a Next.js 14 application using NextAuth.js 5 (beta), Prisma ORM, and MongoDB. Check out this article on medium

[walinabizada]

just clear the cookies, when you run the project on browser -> inspect element Application -> Cookies right click clear, the issue solved. that is all, I have the same issue.