https://graphql-code-generator.com/docs/plugins/typescript-react-apollo TypeScript React Apollo In order to use this package, please make sure that you have GraphQL operations set as documents: ... in your codegen.yml . Without loading your GraphQL operations (query, mutation, subscription and fragment), you won't see any change in the generated output. # Installation Copy $ yarn add @graphql-codegen/typescript-react-apollo