Trying to workaround the Edge Runtime error from deploying on Vercel with MongoDB, Mongoose and Authjs.

[mocanuandrei1]

Hello everyone,

I'm new to this, so I'm hoping to get some help from you all.

I'm facing an issue when trying to deploy my application to Vercel. The error message I receive is: "Dynamic Code Evaluation (e.g., 'eval', 'new Function', 'WebAssembly.compile') not allowed in Edge Runtime."

After some research, I discovered that Mongoose might be causing this issue since it doesn't support these dynamic code evaluations.

I would appreciate any advice on the best practices to resolve this. I'm unsure if my current approach is correct. I learned that using Prisma instead of Mongoose might be a solution since it supports this environment, but I'm not certain if this is the best route to take.

To give some context about the project, I have several admin pages that I want to protect using middleware. The idea is to redirect logged-in users to the admin pages, giving them access, and redirect non-logged-in users to the login page.

Thank you in advance for your help!

Here is my code :

auth.js

import { User } from "@/lib/models/User";
import { connectDB } from "@/lib/mongodb";
import { userSchema } from "@/lib/zod";
import { compare } from "bcryptjs";
import NextAuth from "next-auth";
import Credentials from "next-auth/providers/credentials";

export const { handlers, signIn, signOut, auth } = NextAuth({
  providers: [
    Credentials({
      name: "Credentials",
      credentials: {
        username: { label: "Username", type: "text" },
        password: { label: "Password", type: "password" },
      },
      authorize: async (credentials) => {
        const { username, password } = await userSchema.parse(credentials);

        if (!username || !password)
          throw new Error("Username and password are required");

        await connectDB();

        const user = await User.findOne({ username }).select("+password +name");

        if (!user) throw new Error("Invalid credentials");

        if (!user.password) throw new Error("Invalid credentials");

        const isValid = await compare(password, user.password);

        if (!isValid) throw new Error("Wrong password");

        const userData = {
          username: user.username,
          name: user.name,
          id: user._id,
        };

        return userData;
      },
    }),
  ],
  pages: {
    signIn: "/login",
  },
  callbacks: {
    async session({ session, token }) {
      if (token) {
        session.user.id = token.id;
        session.user.name = token.name;
      }

      return session;
    },

    async jwt({ token, user }) {
      if (user) {
        token.id = user.id;
        token.name = user.name;
      }
      return token;
    },
  },
  secret: process.env.AUTH_SECRET,
}); 

user.js

"use server";

import { redirect } from "next/navigation";
import { signIn, signOut } from "../auth";

import { User } from "@/lib/models/User";
import { hash } from "bcryptjs";
import { userSchema } from "@/lib/zod";
import { connectDB } from "@/lib/mongodb";

export const login = async (formData) => {
  const username = formData.get("username");
  const password = formData.get("password");

  try {
    await signIn("credentials", {
      redirectTo: "/admin",
      redirect: false,
      username,
      password,
    });
  } catch (error) {
    return error.message;
  }

  redirect("/admin");
};

middleware.js

import { auth } from "../auth";

export default auth((req) => {
  if (!req.auth && req.nextUrl.pathname !== "/login") {
    const newUrl = new URL("/login", req.nextUrl.origin);
    return Response.redirect(newUrl);
  }
});

export const config = {
  matcher: ["/admin/:path*"],
};

[alexvladut03]

Having a similar issue. Bumping this!