Typescript Context for Apollo Server

Hey, I’m trying to make the switch over to using Passport to verify email/password logins using GraphQLLocalStrategy but I’m running into an issue with defining the type of my context. Previously my context looked like:

export interface Context {
    req: Request;
    res: Response;
    prisma: PrismaClient;
    smtpTransport: any;
};

And I’m now trying to update the context like:

export interface MyContext extends PassportContext<Context, ExpressRequest>{}

And build my context as follows:

const server = new ApolloServer({
        schema,
        playground: {
            settings: {
                "request.credentials": "same-origin",
            },
        },
        context: ({ req, res }): MyContext =>
            buildContext({
                req,
                res,
                prisma,
                smtpTransport,
            }),
    });

But I keep running into Property 'logOut' is missing in type 'Context<Request<ParamsDictionary>>' but required in type 'MyContext'.

How can I update the context type correctly? Thank you!

[gforge]

Sorry for the delayed response. The project where I had been using this package was put on hold and I got some new test-errors after updating the packages. First, if anyone stumbles upon issues with your Request not being valid, make sure that you have the correct definitions (see this issue) by deleting your lock-files and re-installing everything.

I’m not sure that I actually understand the original code example. The definition for the PassportContext requires 4 arguments:

export declare type PassportContext<
  UserObjectType extends {}, 
  Credentials extends {}, 
  AuthInfoTemplate extends {} = {}, 
  Request extends object = ExpressRequest
> = SharedPassportContext<UserObjectType, Credentials, AuthInfoTemplate, Request>;

In the example provided there are only two arguments provided, Context and ExpressRequest. My definitions look something like this:

export interface Credentials {
  username: string;
  password: string;
}

declare interface MyContext extends PassportContext<UserModelInterface, Credentials, {}, express.Request> {
  dataSources: MyDataSourcesInterface;
}

As of TS 2.2 there you can add the prisma and smtpTransport just as I did with dataSources even though the original context is a type and not an interface. If you want it stricter then perhaps an intersection is a better choice.

[gforge]

Sure, I’ll try to have a look at this.