Middleware Wrapper Function for Next.js Pages API Routes

apirouter.ts

/* Current Pages Directory Implementation */
// pages/api/test.ts
import { NextApiHandler, NextApiRequest, NextApiResponse } from "next";
interface RequestWithDb extends NextApiRequest {
  db: string;
}
const withDatabase =
  (fn) => async (req: NextApiRequestWithDb, res: NextApiResponse, next: NextApiHandler) => {
    req.db = "database"
    return fn(req, res, next);
};

async function myApiHander(request: RequestWithDb, response: NextApiResponse ) {
  console.log(request.db) // returns "database"
}

export default withDatabase(myApiHander)


/* This 'works' in apps route.js, but feels wrong */
// app/test/route.ts
import { NextResponse } from 'next/server'
export const GET = (request) => withDatabase(request, function(requestWithDb) {
  console.log(requestWithDb)
  return NextResponse.json({
    status: 'ok', db: requestWithDb.db
  })  
})

const withDatabase = (req, fn) => {
  req.db = 'database'
  return fn(req)
}