How to use multiple third-party middlewares which each return a NextResponse object

[t6tv8e]

Both next-i18n-router (and all other i18n packages I've investigated) and supabase authentication require you to create a middleware which returns a response, that is then sent back to the client.

These two middlewares work correctly on their own:

i18n:

export async function middleware(request: NextRequest) {
  const i18nMiddleware = createMiddleware({
    locales: ["en", "nl"],
    defaultLocale: "en",
  });

  const i18nResponse = i18nMiddleware(request);

  return i18nResponse;
}

supabase:

export async function middleware(request: NextRequest) {
  const { supabase, response } = createClient(request);

  await supabase.auth.getSession();

  return response;
}

These middlewares seem to assume there will be never another middleware which creates a response. They should at least take a response as a parameter.

How is it possible to make this work correctly?

[t6tv8e]

Lol, 2 years later and literally zero answers.