Currently, I am utilizing the following dependencies:
"next": "14.1.0",
"next-auth": "^5.0.0-beta.11",
"next-themes": "^0.2.1",
In my project directory's root, there exists a file named middleware.ts
import NextAuth from "next-auth";
import authConfig from "@/auth.config";
const { auth } = NextAuth(authConfig);
export default auth((req) => {
const { nextUrl } = req;
const isLoggedIn = !!req.auth;
Although the code is executing, I encounter an issue when hovering over auth((req) =>
There seems to be no appropriate match for this call. The error indicates that the argument '(req: NextAuthRequest) => Response | null' cannot be assigned to the parameter 'GetServerSidePropsContext'. Similarly, the type 'Response | null' does not match with '(req: NextAuthRequest) => void | Response | Promise<void | Response>'.
Moreover, a middleware header is inexplicably displaying repeatedly:
{ x-middleware-next: '1' }
I attempted to resolve this by uninstalling and reinstalling node_modules using npm install, but the issue persists.
Reviewing NextAuth documentation or source code might help understand the expected argument type, although it did not lead to a resolution. Any guidance on where to investigate further would be greatly appreciated.
Additionally, upon using console.log({req}), the following output was generated:
req: {
// The request details are listed here
}
If anyone can shed light on the situation regarding the (req) and offer a solution for the middleware problem, your insights would be invaluable. Feel free to request additional information if needed!
Note: A separate issue emerged related to the update() function in
node_modules/next-auth/index.d.tsThe original code:
export default function NextAuth(config: NextAuthConfig | ((request: NextRequest | undefined) => NextAuthConfig)): NextAuthResult;
was causing discrepancies between client-side and server-side updates. Subsequently, it was modified to:
export default function NextAuth(config: NextAuthConfig): NextAuthResult;
This side note pertains to a previous issue, as the problem with auth((req) => predates this modification.