type mismatch

[Code-With-TalhaBhai]

const handler = startServerAndCreateNextHandler(server, { context: async req => ({ req }) });
In typescript:

--> ApolloServer is not assignable to type ApolloServer

Another thing is,

return handler required two parameters

[martinnabhan]

I can't seem to replicate. Could you share your code, or even better, a reproduction?

[Code-With-TalhaBhai]

Here is the code

And,

[martinnabhan]

Thank you! The error happens because you're setting request's type to any when it should be either NextRequest or Request.

[Code-With-TalhaBhai]

I tried both of them, but it didn't work either.

[trevor-scheer]

It looks like your context function returns a NextRequest type. You need to tell ApolloServer what the shape of your context value is by passing the type parameter to it:
new ApolloServer<NextRequest>({ ... })

[ChristianIvicevic]

I just had the same error and I fixed it by duplicating the context type definition of my server as follows:

                                   // v-- previously always been there
const apolloServer = new ApolloServer<GraphQLContext>({
  // ...
});

                                                          // v-- has to be added explicitly now
const handler = startServerAndCreateNextHandler<NextRequest, GraphQLContext>(apolloServer, {
  context: createGraphQLContext
});

My error message was that ApolloServer<GraphQLContext> cannot be assigned to ApolloServer<object>.

[martinnabhan]

Thank you! I've managed to reproduce it.

With API Routes it seems you don't need to pass the context type to the handler, but if you're using context with Route Handlers you'll need to specify both the request type and the context type.

Since we're using the same handler for both API Routes and Route Handlers I don't think we can make it so you don't need to pass the context type, but what we can do is add a note to the README explaining it's necessary.