gatsby-plugin-typegen

yarn add gatsby-plugin-typegen

# or
# npm install --save gatsby-plugin-typegen

// In your gatsby-config.js
plugins: [`gatsby-plugin-typegen`];

// Example of type-safe usage (optional)
import { PluginOptions as TypegenPluginOptions } from 'gatsby-plugin-typegen';

type Plugin = (
  | string
  | { resolve: string, options: any }
  | { resolve: `gatsby-plugin-typegen` options: TypegenPluginOptions }
);

const plugins: Plugin[] = [
  {
    resolve: `gatsby-plugin-typegen`,
    options: {
      schemaOutputPath: `${__dirname}/.cache/caches/gatsby-plugin-typegen/schema.json`,
      typeDefsOutputPath: `${__dirname}/node_modules/generated/types/gatsby.ts`,
    },
  },
];

module.exports = {
  plugins,
};

// In a file called .eslintrc.js
module.exports = {
  rules: {
    'graphql/template-strings': [
      'error',
      {
        env: 'relay',
        schemaJsonFilepath: `${__dirname}/.cache/caches/gatsby-plugin-typegen/schema.json`,
        tagName: 'graphql',
      },
    ],
  },
  plugins: ['graphql'],
};