Setup graphql-codegen in Apollo GraphQL Client and multiple graphql schema files

README.md

docs: https://www.apollographql.com/docs/react/development-testing/static-typing#setting-up-your-project

npm i -S graphql
npm i -D typescript ts-node @graphql-codegen/cli @graphql-codegen/client-preset

git submodule add <repo-url> graphql-api
git commit -m "Add submodule"

touch codegen.ts

npx graphql-codegen --watch

codegen.ts

import { CodegenConfig } from "@graphql-codegen/cli";

const config: CodegenConfig = {
  schema: "graphql-api/**/*.graphqls",
  documents: ["src/**/*.tsx"],
  generates: {
    "./src/__generated__/": {
      preset: "client",
      plugins: [],
      presetConfig: {
        gqlTagName: "gql",
      },
    },
  },
  ignoreNoDocuments: true,
};

export default config;

package.json

{
  "scripts": {
    "generate": "graphql-codegen",
    "prestart": "npm run generate",
    "predev": "npm run generate"
  }
}