express-jwt and express-graphql: error TS2339: Property 'user' does not exist on type 'Request'

I try to make express-jwt and graphql work together in typescript.

I asked about it on stackoverflow but had no answer. So I repost here.

import * as express from 'express'
import * as expressGraphql from 'express-graphql'
import * as expressJwt from 'express-jwt'

import schema from './api/schemas'
import rootValue from './api/resolvers'

const app = express()

app.use(
  expressJwt({
    credentialsRequired: false,
    secret: process.env.JWT_SECRET
  })
)

app.use(
  '/',
  expressGraphql((req, res, graphQLParams) => ({
    schema,
    rootValue,
    context: {
      user: req.user
    }
  }))
)

I imported the relative typings @types/express, @types/express-graphql and @types/express-jwt.

There is a typescript error:

error TS2339: Property 'user' does not exist on type 'Request'

user is added on the request object by express-jwt.

How can I fix that?

[Beng89]

Thank to declaration merging, you can add the user property directly to express’s request model like so:

declare global {
  interface ParsedToken {
    iss: string
    sub: string
    aud: string | string[]
    iat: number
    exp: number
    azp: string
    scope: string
  }

  namespace Express {
    interface Request {
      user?: ParsedToken
    }
  }
}

Declaring the token interface as global allows you to add additional properties to it as well:

declare global {
  interface ParsedToken {
    additionalProp: string
  }
}

You’ll need to make sure to reference the typescript file that you put these declarations in though.

[jellz]

I’m fairly new to TypeScript too, that’s why I didn’t post the code. Your code is similar to mine, but we were using it for different things (I wasn’t passing it through GraphQL). For your use case, that interface should work. 😃