This example illustrates using GraphQL Code Generator in a React application using the URQL GraphQL Client.
You will find the TypeScript-based codegen configuration in codegen.ts.
This simple codegen configuration generates types and helpers in the src/gql folder that help you to get typed GraphQL Queries and Mutations seamlessly ⚡️
For a step-by-step implementation tutorial, please refer to the related guide:
https://www.the-guild.dev/graphql/codegen/docs/guides/react-vue-angular
--
Please note that the client preset used in this example is compatible with @urql/core (since 1.15.0), @urql/preact (since 1.4.0) and urql (since 1.11.0).