typescript error with cors example on documentation

[mistersingh179]

When using the cors example code from the documentation page, it gives typescript error:

TS2345: Argument of type '(req: NextApiRequest, res: { statusCode?: number | undefined; setHeader(key: string, value: string): any; end(): any; }, next: (err?: any) => any) => void' is not assignable to parameter of type 'Middleware<NextApiRequest, NextApiResponse<any>> | Middleware<NextApiRequest, NextApiResponse<any>>[]'.   Type '(req: NextApiRequest, res: { statusCode?: number | undefined; setHeader(key: string, value: string): any; end(): any; }, next: (err?: any) => any) => void' is not assignable to type 'Middleware<NextApiRequest, NextApiResponse<any>>'.     Type 'void' is not assignable to type 'Promise<void>'.

import { use } from "next-api-middleware";
import cors from "cors";

const apiRouteThatOnlyNeedsCORS = async (req, res) => {
  ...
}

export default use(cors())(apiRouteThatOnlyNeedsCORS);

Please advice on how to resolve it. Thanks

[mistersingh179]

I have been instead wrapping the cors function in my own middleware to avoid the typescript error.

const middleware: Middleware = async (req, res, next) => {
  await (cors()(req, res, next));
};

export default use(middleware)(auctions);

// export default withMiddleware(cors())(auctions); // commeted as it gives typescript error TS2345

Could you give guideline on what the idiomatic way should be here?

[mistersingh179]

actually wrapping cors middleware in my own middleware leads to this error:

API resolved without sending a response for /api/auctions/generate, this may result in stalled requests.

so help is definitely needed. thanks