# @graphql-codegen/typescript-apollo-client-helpers > GraphQL Code Generator plugin for generating TypeScript helpers for Apollo Client > 3 Latest version **4.0.1** (published 2026-04-19) · MIT license · 0 weekly downloads ## Install ```sh npm install @graphql-codegen/typescript-apollo-client-helpers pnpm add @graphql-codegen/typescript-apollo-client-helpers yarn add @graphql-codegen/typescript-apollo-client-helpers bun add @graphql-codegen/typescript-apollo-client-helpers ``` ## Health **Score 65/100 (B)** — status: active. Positive: has types; esm support; no vulnerabilities; has provenance; high maintenance score. Warnings: low downloads. ## Facts | | | |---|---| | Version | 4.0.1 | | Published | 2026-04-19 | | First published | 2020-10-25 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Node | >= 16.0.0 | | Dependencies | 5 | | Unpacked size | 10.5 KB | | Known vulnerabilities | 0 | | Install scripts | no | | Provenance | attested (GitHub Actions) | | GitHub stars | 137 | | Maintainers | dotansimha, ardatan, kamilkisiela, urigo, theguild-bot | ## Links - npm: https://www.npmjs.com/package/@graphql-codegen/typescript-apollo-client-helpers - Repository: https://github.com/dotansimha/graphql-code-generator-community - Homepage: https://github.com/dotansimha/graphql-code-generator-community#readme - Issues: https://github.com/dotansimha/graphql-code-generator-community/issues - npm.io page: https://npm.io/package/@graphql-codegen/typescript-apollo-client-helpers ## Dependencies (5) - [tslib](https://npm.io/package/tslib.md) ^2.8.1 - [auto-bind](https://npm.io/package/auto-bind.md) ~4.0.0 - [change-case-all](https://npm.io/package/change-case-all.md) 1.0.15 - [@graphql-codegen/plugin-helpers](https://npm.io/package/@graphql-codegen/plugin-helpers.md) ^6.3.0 - [@graphql-codegen/visitor-plugin-common](https://npm.io/package/@graphql-codegen/visitor-plugin-common.md) ^6.3.0 ## Recent versions - 4.0.1 (latest) — 2026-04-19 - 4.0.1-alpha-20260419063702-f30ef089ec6f0c92531e65b35e3fdd8296a15407 (alpha) — 2026-04-19 - 4.0.0 — 2026-03-08 - 4.0.0-alpha-20260308041323-8fa65c06e4f1a59ad0d098c935740ff2a50dacfc — 2026-03-08 - 4.0.0-alpha-20260308040534-9ad196f28faedb59cf6b962f424256eef57d6025 — 2026-03-08 - 4.0.0-alpha-20260308040533-1b3f19ed19bf8c9b7625a0c2fa540d9ab69180cc — 2026-03-08 - 4.0.0-alpha-20260308040527-cbaf875916746acbae304b559762c38f4b46f64f — 2026-03-08 - 4.0.0-alpha-20260308040523-e86c5d70c96b1448a42b0e3b74f6e1788604f50c — 2026-03-08 - 4.0.0-alpha-20260307133543-232c2de1cb3695656246370c5d737bc0eabb6fb2 — 2026-03-07 - 4.0.0-alpha-20260307132330-bec593ee9ffcbde20adcf0854ee3be9317d0f5ec — 2026-03-07 - 4.0.0-alpha-20260307131707-c9d856eb0e2ca31d11222b77e3b36ad30f7fbdf7 — 2026-03-07 - 4.0.0-alpha-20260307130639-a2ead29712374368a01e9b650546e261aed517b4 — 2026-03-07 - 4.0.0-alpha-20260307130618-728b5ec1f775bff6dd91762caa612a8b3c20f2c0 — 2026-03-07 - 4.0.0-alpha-20260307125924-d8dcc9db2c2c52f73f71d7cc823458b0c8490d79 — 2026-03-07 - 4.0.0-alpha-20260307124332-1918d15b928378c05f16edf07dd114799642eeae — 2026-03-07 - … 594 more at https://npm.io/package/@graphql-codegen/typescript-apollo-client-helpers/versions ## README [![CodeGen](./logo.svg)](https://graphql-code-generator.com) # GraphQL Code Generator: Community plugins This repository is owned by the GraphQL Code Generator community and is home to the community plugins: - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-react-apollo.svg)](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-react-apollo) - `@graphql-codegen/typescript-react-apollo` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-graphql-request.svg)](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-graphql-request) - `@graphql-codegen/typescript-graphql-request` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-apollo-angular.svg)](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-apollo-angular) - `@graphql-codegen/typescript-apollo-angular` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-apollo-client-helpers.svg)](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-apollo-client-helpers) - `@graphql-codegen/typescript-apollo-client-helpers` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-react-query.svg)](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-react-query) - `@graphql-codegen/typescript-react-query` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-urql.svg)](hts://badge.fury.io/js/%40graphql-codegen%2Ftypescript-urql) - `@graphql-codegen/typescript-urql` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Fnamed-operations-object.svg)](https://badge.fury.io/js/%40graphql-codegen%2Fnamed-operations-object) - `@graphql-codegen/named-operations-object` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Furql-introspection.svg)](https://badge.fury.io/js/%40graphql-codegen%2Furql-introspection) - `@graphql-codegen/urql-introspection` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Fcli.svg)](htflow-resolverss://badge.fury.io/js/%40graphql-codegen%2Fflow-resolvers) - `@graphql-codegen/flow-resolvers` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-vue-apollo.svg)](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-vue-apollo) - `@graphql-codegen/typescript-vue-apollo` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-rtk-query.svg)](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-rtk-query) - `@graphql-codegen/typescript-rtk-query` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Fcli.svg)](htflow-operationss://badge.fury.io/js/%40graphql-codegen%2Fflow-operations) - `@graphql-codegen/flow-operations` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Fcli.svg)](httypescript-msws://badge.fury.io/js/%40graphql-codegen%2Ftypescript-msw) - `@graphql-codegen/typescript-msw` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-mongodb.svg)](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-mongodb) - `@graphql-codegen/typescript-mongodb` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-nhost.svg)](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-nhost) - `@graphql-codegen/typescript-nhost` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-type-graphql.svg)](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-type-graphql) - `@graphql-codegen/typescript-type-graphql` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-enum-array.svg)](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-enum-array) - `@graphql-codegen/typescript-enum-array` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Fcli.svg)](htjsdocs://badge.fury.io/js/%40graphql-codegen%2Fjsdoc) - `@graphql-codegen/jsdoc` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-vue-urql.svg)](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-vue-urql) - `@graphql-codegen/typescript-vue-urql` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Fcli.svg)](htkotlins://badge.fury.io/js/%40graphql-codegen%2Fkotlin) - `@graphql-codegen/kotlin` - [![npm version](https://badge.fury.io/js/%40graphql-cotypescript-vue-apollo-smart-ops%2Fcli.svg)](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-vue-apollo-smart-ops) - `@graphql-codegen/typescript-vue-apollo-smart-ops` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Fcli.svg)](htjavas://badge.fury.io/js/%40graphql-codegen%2Fjava) - `@graphql-codegen/java` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Fc-sharp-operations.svg)](https://badge.fury.io/js/%40graphql-codegen%2Fc-sharp-operations) - `@graphql-codegen/c-sharp-operations` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Fhasura-allow-list.svg)](https://badge.fury.io/js/%40graphql-codegen%2Fhasura-allow-list) - `@graphql-codegen/hasura-allow-list` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-stencil-apollo.svg)](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-stencil-apollo) - `@graphql-codegen/typescript-stencil-apollo` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Frelay-operation-optimizer.svg)](https://badge.fury.io/js/%40graphql-codegen%2Frelay-operation-optimizer) - `@graphql-codegen/relay-operation-optimizer` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-oclif.svg)](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-oclif) - `@graphql-codegen/typescript-oclif` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Fcli.svg)](htjava-resolverss://badge.fury.io/js/%40graphql-codegen%2Fjava-resolvers) - `@graphql-codegen/java-resolvers` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Fjava-apollo-android.svg)](https://badge.fury.io/js/%40graphql-codegen%2Fjava-apollo-android) - `@graphql-codegen/java-apollo-android` - [![npm version](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-nest.svg)](https://badge.fury.io/js/%40graphql-codegen%2Ftypescript-nest) - `@graphql-codegen/typescript-nest` ### Getting started with codegen > You can find the complete instructions in > [GraphQL Code Generator website](https://www.the-guild.dev/graphql/codegen/docs/getting-started/installation). Start by installing the basic dependencies of GraphQL Codegen; yarn add graphql typescript yarn add -D @graphql-codegen/cli ### Contributing If this is your first time contributing to this project, please do read our [Contributor Workflow Guide](https://github.com/the-guild-org/Stack/blob/master/CONTRIBUTING.md) before you get started off. Feel free to open issues and pull requests. We're always welcome support from the community. For a contribution guide specific to this project, please refer to: http://graphql-code-generator.com/docs/custom-codegen/contributing #### Create a new community plugin Get started with our guide: https://www.the-guild.dev/graphql/codegen/docs/custom-codegen ### Code of Conduct Help us keep GraphQL Codegenerator open and inclusive. Please read and follow our [Code of Conduct](https://github.com/the-guild-org/Stack/blob/master/CODE_OF_CONDUCT.md) as adopted from [Contributor Covenant](https://www.contributor-covenant.org/) ### License [![GitHub license](https://img.shields.io/badge/license-MIT-lightgrey.svg?maxAge=2592000)](https://raw.githubusercontent.com/apollostack/apollo-ios/master/LICENSE) MIT --- _Source: https://npm.io/package/@graphql-codegen/typescript-apollo-client-helpers · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._