trpc openapi does not work on app router

import { NextApiRequest, NextApiResponse } from "next";
import { createOpenApiNextHandler } from "@turbocell/trpc/openApi";
import { appRouter } from "@turbocell/trpc";
import { createContext } from "@turbocell/trpc/server/context";

async function handler(req: NextApiRequest, res: NextApiResponse) {
  const context = await createContext({ req, res });
  return createOpenApiNextHandler({
    router: appRouter,
    createContext: () => context,
  })(req, res);
}

export { handler as GET, handler as POST };