How to implement lazy initialization of authjs config in nextjs?

Question

How to implement lazy initialization of authjs (v5 beta) config in nextjs 14 without encountering the error Error: The Middleware "/src/middleware" must export a middleware or a default function?

My middleware:

import { auth } from "@/auth"

export default auth((req) => {
  // my custom logic here
})

And my auth config file has this code:

import NextAuth from "next-auth"
import GitHub from "next-auth/providers/github"
export const { handlers, auth } = NextAuth(req => {
 if (req) {
  console.log(req) // I do something with the request's custom cookie
 }
 return { providers: [ GitHub ] }
})

If I go with the static method, it works but I lose the access to request req as I have to access a custom cookie in the NextAuth() and do something with it.

Drew Williams · Accepted Answer · 2025-06-17 07:57:45Z

0

https://github.com/nextauthjs/next-auth/issues/11544#issuecomment-2538494101

I used this fix. Change your middleware to be

export default await auth((req) => {
  // my custom logic here
})

answered Jun 17 at 7:57

Drew Williams

6377 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to implement lazy initialization of authjs config in nextjs?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related