Hey @kirill-x. There's not enough info here for me to be sure of what's causing the error. I wrote another post with some suggestions for what details are helpful to include.

https://community.vercel.com/t/how-to-get-good-answers/158

Vercel Community

How to Get Good Answers

If you’re here for help with an error or issue, there are a few things you can do to get good answers as quickly as possible. Search for similar topics....

Please take a look and then add whatever you can here to help the rest of us see what's going wrong

Hey! Im not sure what details are needed for this issue. Here is error that is displayed instead of my preview website on the routes, that are triggering middleware

1
500: INTERNAL_SERVER_ERROR
2
Code: MIDDLEWARE_INVOCATION_FAILED
3
ID: arn1::2jvf2-1744869020703-69d318d20d0b

This is the full stacktrace from logs on vercel dashboard

1
TypeError: middlewareHandler is not a function
2
    at /var/task/___next_launcher.cjs:116:30
3
    at AsyncLocalStorage.run (node:internal/async_local_storage/async_hooks:91:14)
4
    at withNextRequestContext (/var/task/___next_launcher.cjs:30:18)
5
    at Object.serve [as handlerWeb] (/var/task/___next_launcher.cjs:113:18)
6
    at Object.handler (/opt/rust/nodejs.js:2:14544)
7
    at Server.<anonymous> (/opt/rust/nodejs.js:2:1716)
8
    at /opt/rust/nodejs.js:16:6144
9
    at AsyncLocalStorage.run (node:internal/async_local_storage/async_hooks:91:14)
10
    at /opt/rust/nodejs.js:16:6132
11
    at AsyncLocalStorage.run (node:internal/async_local_storage/async_hooks:91:14)

this is deployment ID

1
dpl_9MXV9H295nB8ZRonuNrUNqnmQKLc

What else could I share to help debug this issue?

Thanks for sharing the error info and deployment id. From what I can see in the logs, it looks like that build used an older Next.js canary version. Does the TypeError still happen if you switch to either latest or canary to make sure the most recent updates are included?

I had in package.json exact version that currently works fine in production deployment. I updated version in preview branch to canary now, error is still there.

Are you able to share a minimal reproducible example or code snippets to show the middleware and routes triggering it?

Hi! I'm also using next js canary version and got the same error. May I ask for updates? Have you figure it out?

Never mind. I figured it out, hahaha. I moved my middleware.ts file inside the app folder. Previously, it was located in the root directory, and there was no problem with that locally, but Vercel couldn't detect it. It seems Vercel can only detect it if it's inside the app folder. That solved it for me.

I dont think I can make an example. I merged my branch to main and now problem is gone. Not sure what it was by it is related to how vercel treat barnch deploymnets

The main difference between preview deployments and production is whether NODE_ENV=production or not by default

You can try setting that explicitly in your environment variables to override and see if that helps you reproduce the scenario

If it is an issue that only breaks when in non-production, then double check whether your Next modules are in regular "dependencies" or "devDependencies"

now this error randomly appeared in production branch after last deployment. It now block release version of the website

Project ID prj_uLlosTk50TCeFeq8nlxbCBAJnDeK

Getting exact same error on 10.4.0 canary 9

I had to stop using nodejs as middleware because of this error. It seem random and untracable as it only happens in vercel cloud platform

Still an issue on. Any update on this?

1
TypeError: middlewareHandler is not a function
2
    at /var/task/___next_launcher.cjs:116:30
3
    at AsyncLocalStorage.run (node:async_hooks:346:14)
4
    at withNextRequestContext (/var/task/___next_launcher.cjs:30:18)
5
    at Object.serve [as handlerWeb] (/var/task/___next_launcher.cjs:113:18)
6
    at Object.handler (/opt/rust/nodejs.js:2:14544)
7
    at Server.<anonymous> (/opt/rust/nodejs.js:2:1716)
8
    at /opt/rust/nodejs.js:16:6144
9
    at AsyncLocalStorage.run (node:async_hooks:346:14)
10
    at /opt/rust/nodejs.js:16:6132
11
    at AsyncLocalStorage.run (node:async_hooks:346:14)

Getting the same issue. it's related to node middleware.

I have the same issue relates to node middleware

Exact same issue with nodejs middleware. Someone found a temporary fix ?

I hit this issue; we use turborepo and this was happening because the package.json in the root directory (for turborepo) was using a different version of next (non-canary)

same issue :

1
TypeError: middlewareHandler is not a function
2
    at /var/task/___next_launcher.cjs:116:30
3
    at AsyncLocalStorage.run (node:async_hooks:346:14)
4
    at withNextRequestContext (/var/task/___next_launcher.cjs:30:18)
5
    at Object.serve [as handlerWeb] (/var/task/___next_launcher.cjs:113:18)
6
    at Object.handler (/opt/rust/nodejs.js:2:14518)
7
    at Server.<anonymous> (/opt/rust/nodejs.js:2:1736)
8
    at /opt/rust/nodejs.js:16:7231
9
    at AsyncLocalStorage.run (node:async_hooks:346:14)
10
    at /opt/rust/nodejs.js:16:7219
11
    at AsyncLocalStorage.run (node:async_hooks:346:14)
12
Node.js process exited with exit status: 1. The logs above can help with debugging the issue.

i just merged a new branch and now i cant use the app hhhh so it was working before reverting back the merge didnt fix it so its not the code hmmm

Got hit by this. Middleware code:

1
import { NextRequest, NextResponse } from "next/server";
2
import { headers } from "next/headers";
3

4
import { AUTH_ROUTE_BASE, USER_ROUTE_BASE } from "@/constants/app";
5
import { auth } from "@/authentication";
6
import { getRouteContext } from "@/utils";
7

8
export async function middleware(request: NextRequest) {
9
  const pathname = request.nextUrl.pathname;
10
  const { isDealerRoute, isUserRoute, isLoginOrSignupRoute, isAdminRoute } =
11
    getRouteContext(pathname);
12

13
  const session = await auth.api.getSession({
14
    headers: await headers(),
15
  });
16

17
  if (!session) {
18
    if (isLoginOrSignupRoute) {
19
      return NextResponse.next();
20
    }
21
    if (isUserRoute) {
22
      return NextResponse.next();
23
    }
24
    // Redirect unauthenticated users to login
25
    return NextResponse.redirect(
26
      new URL(`${AUTH_ROUTE_BASE}/login`, request.url),
27
    );
28
  }
29

30
  if (session && isLoginOrSignupRoute) {
31
    // Redirect authenticated users away from signup/login pages
32
    return NextResponse.redirect(new URL(USER_ROUTE_BASE, request.url));
33
  }
34

35
  const hasDealerPermissions = await auth.api.userHasPermission({
36
    headers: await headers(),
37
    body: {
38
      permissions: {},
39
      role: "dealer",
40
    },
41
  });
42
  const hasAdminPermissions = await auth.api.userHasPermission({
43
    headers: await headers(),
44
    body: {
45
      permissions: {},
46
      role: "admin",
47
    },
48
  });
49

50
  if (isDealerRoute && (!hasDealerPermissions || !hasAdminPermissions)) {
51
    // Redirect if user is not authorized for dealer routes
52
    return NextResponse.redirect(new URL(USER_ROUTE_BASE, request.url));
53
  }
54

55
  if (isAdminRoute && !hasAdminPermissions) {
56
    // Redirect if user is not authorized for admin routes
57
    return NextResponse.redirect(new URL(USER_ROUTE_BASE, request.url));
58
  }
59

60
  return NextResponse.next();
61
}
62

63
export const config = {
64
  runtime: "nodejs",
65
  matcher: [
66
    "/((?!api|_next/static|_next/image|favicon.ico|auth/forgot-password|auth/reset-password).*)",
67
  ],
68
};
69