graphql-workflow

To regenerate TypeScript types after editing GraphQL queries, run the appropriate codegen command such as pnpm generate for storefront or pnpm generate:checkout for checkout to sync schemas with generated definitions.

TypeScript definitions drift from GraphQL schema changes when code generation steps are skipped after edits, leaving generated types under src/gql/ outdated and causing type errors.

Yes, graphql-codegen works with separate pipelines by running pnpm generate and pnpm generate:checkout respectively, producing TypeScript definitions for distinct storefront and checkout paths.

The best way to keep GraphQL schemas and TypeScript types in sync is to execute pnpm generate or pnpm generate:checkout immediately after modifying fields, queries, or mutations in src/graphql.

You need to run pnpm generate:checkout for GraphQL mutations whenever you add or modify files under src/checkout/graphql/, ensuring generated TypeScript definitions reflect latest schema changes.