Struggling with context creation in type script

[DragonMoffon]

I am converting a Typescript Apollo server to Yoga and am having typing issues. In Apollo I was able to create a context callback which was called with every request. I assume this is equivalent to the User Context in Yoga.

Currently I have an asynchronous callback in the createYoga method:

const yoga = createYoga({
    schema,
    async context({ request }) {
        var x_auth = request.headers.get('x-authorisation') ?? null
        return { x_auth }
    }
});

This based on the user context example. I create the schema using createSchema. The type error comes from createSchema.

my call to createSchema for context:

const typeDefs = await loadSchema( '.\\src\\schema\\schema.graphql', { loaders: [new GraphQLFileLoader()]} );

const schema = createSchema({
    typeDefs,
    resolvers
})

The type error is:

Type 'GraphQLSchemaWithContext<myaccountContext & YogaInitialContext>' is not assignable to type 'YogaSchemaDefinition<{}, { x_auth: string | null; }> | undefined'.
  Type 'GraphQLSchemaWithContext<myaccountContext & YogaInitialContext>' is not assignable to type 'GraphQLSchemaWithContext<YogaInitialContext & { x_auth: string | null; }>'.
    Type 'GraphQLSchemaWithContext<myaccountContext & YogaInitialContext>' is not assignable to type '{ _context?: (YogaInitialContext & { x_auth: string | null; }) | undefined; }'.
      Types of property '_context' are incompatible.
        Type '(myaccountContext & YogaInitialContext) | undefined' is not assignable to type '(YogaInitialContext & { x_auth: string | null; }) | undefined'.
          Type 'myaccountContext & YogaInitialContext' is not assignable to type '(YogaInitialContext & { x_auth: string | null; }) | undefined'.
            Type 'myaccountContext & YogaInitialContext' is not assignable to type 'YogaInitialContext & { x_auth: string | null; }'.
              Type 'myaccountContext & YogaInitialContext' is not assignable to type '{ x_auth: string | null; }'.
                Types of property 'x_auth' are incompatible.
                  Type 'string | undefined' is not assignable to type 'string | null'.
                    Type 'undefined' is not assignable to type 'string | null'.ts(2322)
server.d.ts(58, 5): The expected type comes from property 'schema' which is declared here on type 'YogaServerOptions<{}, { x_auth: string | null; }>'

I have spent hours trying to find anything online and have come up empty handed. It does not help that all of the Typescript examples I can find for Yoga are multiple versions out of date.

I have very little Typescript experience so if this is blindingly obvious forgive me.

[DragonMoffon]

Never mind I figure it out. I was still using an old type def within the resolvers which doesn't work with how I am now retrieving the authentication token.

[hawkeye-sama]

@DragonMoffon how? I'm having same issue here

[ravi-dholaria]

Refer this: Video