Graphql-code-generator: typescript-compatibility doesn't work with typescript-react-apollo's withHOC: false

Created on 16 May 2019 · 9Comments · Source: dotansimha/graphql-code-generator

Describe the bug
Using typescript-compatibility and typescript-react-apollo with withHOC: false:

generates:
  types.gen.tsx:
    config:
      noGraphqlTag: false
      strict: true
    schema:
      - "schema.graphql"
    documents:
      - "documents/*.graphql"
    plugins:
      - typescript:
      - typescript-operations
      - typescript-react-apollo:
          withComponent: false
          withHOC: false
      - typescript-compatibility

I get a generated line like this:
export type Props = EmployeeCreateWidgetsProps;, with a squiggle under the right side:

types.gen.tsx:90:23 - error TS2304: Cannot find name 'EmployeeCreateWidgetsProps'.

90   export type Props = EmployeeCreateWidgetsProps;
                         ~~~~~~~~~~~~~~~~~~~~~~~~~~

To Reproduce
Steps to reproduce the behavior:

clone https://github.com/jrr/gql-codegen-issue, yarn install and yarn run gql-gen -o, then open types.gen.tsx.

Using latest stable packages.

bug plugins waiting-for-release

Source

jrr

All 9 comments

@ardatan Maybe it's related to your recent change in typescript-react-apollo? (with the Props)

dotansimha on 16 May 2019

Hi @jrr , fixed in: https://github.com/dotansimha/graphql-code-generator/pull/1889

dotansimha on 18 May 2019

👍1

Available in 1.2.0.

dotansimha on 19 May 2019

it happens again.

"@graphql-codegen/cli": "^1.4.0",
"@graphql-codegen/fragment-matcher": "1.4.0",
"@graphql-codegen/introspection": "1.4.0",
"@graphql-codegen/typescript": "1.4.0",
"@graphql-codegen/typescript-compatibility": "1.4.0",
"@graphql-codegen/typescript-operations": "1.4.0",
"@graphql-codegen/typescript-react-apollo": "1.4.0",
"@graphql-codegen/typescript-resolvers": "1.4.0",


overwrite: true
schema:
  - http://localhost:5001/graphql:
documents: ./graphql/**/*.gql
generates:
  graphql/index.tsx:
    plugins:
      - typescript
      - typescript-compatibility // remove this plugin works like a charm
      - typescript-operations
      - typescript-react-apollo
    config:
      prettify: false
      strict: true
      noNamespaces: true
      preResolveTypes: true
      namingConvention:
        typeNames: change-case#pascalCase
        transformUnderscore: true
      scalars:
        role_enum: "'admin' | 'customer' | 'partner' | 'driver' | 'public' | 'mine'"
        uuid: string
      maybeValue: T | undefined
      withHooks: true
      withHOC: false
      withComponent: false