[auth][error] MissingAdapter: Email login requires an adapter.. is reported, but the app works

[akoskm]

Hi there, first-time next-auth user here 👋

I wanted to build a "modern" app using Next.js, Auth.js, and Prisma, with the login working through magic links.
I could get the app working on the first try, but I was receiving these errors, so I started investigating:

[auth][error] AdapterError: Read more at https://errors.authjs.dev#adaptererror
[auth][cause]: Error: PrismaClient is not configured to run in Vercel Edge Functions or Edge Middleware. In order to run Prisma Client on edge runtime, either:
- Use Prisma Accelerate: https://pris.ly/d/accelerate
- Use Driver Adapters: https://pris.ly/d/driver-adapters

If this is unexpected, please open an issue: https://pris.ly/prisma-prisma-bug-report
    at Object.get (webpack-internal:///(middleware)/./node_modules/.prisma/client/index-browser.js:197:15)
    at getSessionAndUser (webpack-internal:///(middleware)/./node_modules/@auth/prisma-adapter/index.js:28:44)
    at acc.<computed> (webpack-internal:///(middleware)/./node_modules/@auth/core/lib/init.js:178:30)
    at Module.session (webpack-internal:///(middleware)/./node_modules/@auth/core/lib/actions/session.js:67:36)
    at AuthInternal (webpack-internal:///(middleware)/./node_modules/@auth/core/lib/index.js:47:77)
    at async Auth (webpack-internal:///(middleware)/./node_modules/@auth/core/index.js:126:34)
    at async handleAuth (webpack-internal:///(middleware)/./node_modules/next-auth/lib/index.js:134:29)
    at async adapter (webpack-internal:///(middleware)/./node_modules/next/dist/esm/server/web/adapter.js:179:16)
    at async /Users/akoskm/Projects/remixr/node_modules/next/dist/server/web/sandbox/sandbox.js:110:22
    at async runWithTaggedErrors (/Users/akoskm/Projects/remixr/node_modules/next/dist/server/web/sandbox/sandbox.js:107:9)
[auth][details]: {}

The app worked at this point. Sendgrid sent out magic links, I could log in, and a session was created in the db. The error messages frustrated me.

After some time I found this blog post that seemingly offered a solution to this problem: https://authjs.dev/guides/edge-compatibility#middleware.

I followed everything here, and now I'm getting a different error, but the app still works!

[auth][error] MissingAdapter: Email login requires an adapter.. Read more at https://errors.authjs.dev#missingadapter
    at assertConfig (webpack-internal:///(middleware)/./node_modules/@auth/core/lib/utils/assert.js:141:24)
    at Auth (webpack-internal:///(middleware)/./node_modules/@auth/core/index.js:88:95)

I don't understand what's happening, and any input is valuable because this (found at https://errors.authjs.dev#missingadapter):

This could happen if you configured an Email provider but did not set up a database adapter, or tried using a strategy: "database" session without a database adapter.

Doesn't seem to be true. From the blog post I configured:

export const { handlers, auth, signIn, signOut } = NextAuth({
  adapter: PrismaAdapter(prisma),
  ...authConfig,
})

in auth.ts and I have the email provider configured in auth.config.ts:

import Sendgrid from "next-auth/providers/sendgrid";
import type { NextAuthConfig } from "next-auth";

// Notice this is only an object, not a full Auth.js instance
export default {
  providers: [
    Sendgrid({
      apiKey: process.env.AUTH_SENDGRID_KEY,
      from: process.env.AUTH_SENDGRID_FROM,
    }),
  ],
} satisfies NextAuthConfig;

Thanks!

EDIT

I believe you also have two typos in your docs https://authjs.dev/guides/edge-compatibility#middleware:

• in the second code block auth.ts this import authConfig from "auth.config" should be import authConfig from "./auth.config"
• in the third code block middleware.ts this export const { auth as middleware } = NextAuth(authConfig) gives me a parsing error, are you sure it's not export const { auth: middleware } = NextAuth(authConfig)?

[tensorboy]

same issues, any progress?