Got [object Object] instead of property name in generated typescript types file

[thangkieu]

Hi all,

I'm facing an issue while generate graphql

export type CommitmentAttributesFragment = (
  { __typename?: 'CommitmentType' }
  & Pick<CommitmentType, '[object Object]' | '[object Object]' | '[object Object]' | '[object Object]' | '[object Object]' | '[object Object]' | '[object Object]'>
  & { refCurrency?: Maybe<(
    { __typename?: 'RefCurrencyType' }
    & Pick<RefCurrencyType, '[object Object]' | '[object Object]' | '[object Object]'>
  )>, refApprovingAuthority?: Maybe<(
    { __typename?: 'RefApprovingAuthorityType' }
    & Pick<RefApprovingAuthorityType, '[object Object]' | '[object Object]'>
  )> }
);

all the props are [object Object] instead of prop name such as: id, name,...
I'm not sure whether it is BE bug or graphql generator itself, does anyone face the same issue? I need your help please.

packages

"graphql": "15.3.0",
"@graphql-codegen/cli": "1.17.8",
"@graphql-codegen/introspection": "1.17.8",
"@graphql-codegen/typescript": "1.17.9",
"@graphql-codegen/typescript-operations": "1.17.8",
"@graphql-codegen/typescript-react-apollo": "2.0.6",

codegen.yml

overwrite: true
generates:
  ./src/__generated__/types.tsx:
    schema:
      - 'url':
          headers:
            Authorization: 
            Referer: 
    documents:
      - '../pipeline/src/**/*.{graphql,gql}'
      - '../staff-tracker/src/**/*.{graphql,gql}'
      - '../compass/src/**/*.{graphql,gql}'
      - '../people-pipe/src/**/*.{graphql,gql}'
    plugins:
      - 'typescript'
      - 'typescript-operations'
      - 'typescript-react-apollo'
    config:
      withComponent: false
      withHOC: false
      withMutationFn: false
      withHooks: false

My teammate can generate it without any issue.

Thank you so much

[dotansimha]

Please update all codegen related packages to latest. This should solve that. It was a temporary issues with our release flow, it's fixed now and we hope it won't happen again.

[robbyemmert]

I've updated all packages to the latest, and I'm getting the same issue

export type IAuthLoginMutation = (
  { __typename?: 'Mutation' }
  & { login?: Maybe<(
    { __typename?: 'AuthResponse' }
    & { accessToken?: Maybe<(
      { __typename?: 'Token' }
      & Pick<IToken, '[object Object]' | '[object Object]'>
    )>, refreshToken?: Maybe<(
      { __typename?: 'Token' }
      & Pick<IToken, '[object Object]' | '[object Object]'>
    )>, user?: Maybe<(
      { __typename?: 'User' }
      & Pick<IUser, '[object Object]' | '[object Object]' | '[object Object]' | '[object Object]' | '[object Object]'>
    )> }
  )> }
);

Package.json

"@graphql-codegen/cli": "^1.20.0",
        "@graphql-codegen/typescript-operations": "1.17.8",
        "@graphql-codegen/typescript-vue-apollo": "^2.3.1",
        "@vue/composition-api": "^1.0.0-beta.24",
        "@vue/apollo-composable": "^4.0.0-alpha.12",

[robbyemmert]

Never mind. It looks like my packages weren't the latest, when I thought they were. Moral of the story: double check your updates!