VSCode next+graphql setup

graphql.config.js

/** @typedef {import("graphql-config").IGraphQLConfig} IGraphQLConfig */

const {loadEnvConfig} = require('@next/env');

loadEnvConfig(__dirname, true);

/** @type IGraphQLConfig */
const config = {
  schema: process.env.GRAPHCMS_ENDPOINT,
  extensions: {
    endpoints: {
      default: {
        url: process.env.GRAPHCMS_ENDPOINT,
        headers: {
          'Authorization': `Bearer ${process.env.GRAPHCMS_TOKEN}`,
        },
      },
    },
  },
};

module.exports = config;

graphql.d.ts

import {IExtensions} from 'graphql-config';
import {Endpoints} from 'graphql-config/extensions/endpoints';

declare module 'graphql-config' {
  interface IExtensions {
    endpoints?: Endpoints;
  }
}