Codegen is generating incompatible types

[kyle-frntlne]

Codegen is generating incompatible types:

Generated code:

    getQuestions(variables?: Types.GetQuestionsQueryVariables, requestHeaders?: Dom.RequestInit["headers"]): Promise<Types.GetQuestionsQuery> {
      return withWrapper((wrappedRequestHeaders) => client.request<Types.GetQuestionsQuery>(GetQuestionsDocument, variables, {...requestHeaders, ...wrappedRequestHeaders}), 'getQuestions', 'query');
    }

Error on GetQuestionsDocument:

TS2345: Argument of type 'DocumentNode' is not assignable to parameter of type 'RequestDocument | TypedDocumentNode<InsertUsersMutation, Variables>'.   
Type 'DocumentNode' is not assignable to type 'TypedDocumentNode<InsertUsersMutation, Variables>'.     
Types of property 'kind' are incompatible.       
Type '"Document"' is not assignable to type 'Kind.DOCUMENT'.

This has been working up until recently so not exactly sure what the problem is here.

Deps:

  "devDependencies": {
    "@graphql-codegen/cli": "2.12.0",
    "@graphql-codegen/client-preset": "^1.2.0",
    "@graphql-codegen/import-types-preset": "^2.2.6",
    "@graphql-codegen/introspection": "2.2.1",
    "@graphql-codegen/typed-document-node": "^2.3.3",
    "@graphql-codegen/typescript": "2.7.3",
    "@graphql-codegen/typescript-graphql-request": "^4.5.7",
    "@graphql-codegen/typescript-operations": "2.5.3",
    "@graphql-codegen/typescript-urql": "^3.7.0",
    "@graphql-codegen/urql-introspection": "2.2.1",
    "typescript": "^4.8.4"
  },

[kyle-frntlne]

Config:

const config: CodegenConfig = {
  documents: 'src/graphql/**/*.graphql',
  generates: {
      'src/generated/types.ts': {
        plugins: ["typescript", "typescript-operations"]
      },
    '../app/generated/graphql.urql.ts': {
      config: { withHooks: true },
      plugins: ["typescript", "typescript-operations", "typescript-urql"]
    },
      'src/generated/graphql.request.ts': {
        plugins: ["typescript-graphql-request"],
        preset: 'import-types',
        presetConfig: {
          typesPath: './types'
        },
      },
    'src/generated/introspection.json': {
      plugins: ["introspection"]
    }
  },

[saihaj]

what version of graphql you are using?

[kyle-frntlne]

"graphql": "^16.6.0"

[saihaj]

Can you share a minimal reproduction. You can either use StackBlitz, CodeSandbox or a public GitHub repo.

[kyle-frntlne]

This seems to have been resolved. I deleted node_modules and reinstalled and it is working again. Must have been mismatched versions of the types. Thanks