Duplicate Identifier in src/**/graphql.ts

[hitchcliff]

Hi Guys, I'm getting tons of Duplicate Identifiers Errors in graphql.ts file.

package.json:

  "scripts": {
    "gql": "graphql-codegen --config codegen.yml"
  },

    "@graphql-codegen/cli": "2.15.0",
    "@graphql-codegen/client-preset": "1.2.1",
    "@graphql-codegen/typescript": "^2.8.3",
    "@graphql-codegen/typescript-compatibility": "^2.1.5",
    "@graphql-codegen/typescript-operations": "^2.5.8",
    "@graphql-codegen/typescript-urql": "^3.7.3",

codegen.yml:

overwrite: true
schema: "http://localhost:4000/graphql"
documents: "./src/graphql/**/*.graphql"
generates:
  ./src/gql/:
    preset: "client"
    plugins:
      - "typescript"
      - "typescript-operations"
      - "typescript-urql"

src/graphql/mutations/login.graphql

mutation Login($options: LoginInput!) {
  login(options: $options) {
    errors {
      field
      message
    }
    user {
      id
      username
      createdAt
      updatedAt
    }
  }
}

I ran yarn gql to generate mutation hooks to fetch my API but NextJS is giving me nasty errors (screenshots below). I am not sure what's causing it, anybody can help?

[hitchcliff]

the problem in here seems to be related to codegen.yml

overwrite: true
schema: "http://localhost:4000/graphql"
documents: "src/graphql/**/*.graphql"
generates:
  ./src/gen/graphql.ts:
    plugins:
      - typescript
      - typescript-operations
      - urql-introspection
      - typescript-urql

i removed the preset: "client" and changed generates to ./src/gen/graphql.ts

seems to be working now...

[saihaj]

if you are using client preset you do no need to add typescript and typescript-operations plugin. Related to #8696

[hitchcliff]

if you are using client preset you do no need to add typescript and typescript-operations plugin. Related to #8696

nope, that doesn't work . successfully generated an output in src/gen/ but Duplicate Identifier still occurs.

i think its better to stick without [client-preset]

[antoniogiroz]

I have the same issue with mutations. All mutations appears as duplicated name.

This is my configuration file (codegen.ts):

import type { CodegenConfig } from '@graphql-codegen/cli';

const config: CodegenConfig = {
  schema: 'schema.graphql',
  documents: ['src/gql/**/*.ts', '!src/gql/types/**/*.ts'],
  ignoreNoDocuments: true,
  generates: {
    './src/gql/types/': {
      preset: 'client',
      presetConfig: {
        gqlTagName: 'gql',
        fragmentMasking: false,
      },
      config: {
        useTypeImports: true,
        dedupeFragments: true,
        enumsAsTypes: true,
      },
      plugins: [],
    },
  },
  hooks: { afterAllFileWrite: ['eslint --fix'] },
};

export default config;

Any idea how to resolve this?