Upgrade dependencies and fix remaining type issues

package.json

@@ -36,8 +36,10 @@
     "@graphql-codegen/core": "^1.7.0",
     "@graphql-codegen/typescript": "^1.7.0",
     "@graphql-codegen/typescript-operations": "^1.7.0",
+    "@graphql-toolkit/code-file-loader": "^0.9.7",
+    "@graphql-toolkit/core": "^0.9.7",
+    "@graphql-toolkit/json-file-loader": "^0.9.7",
     "chokidar": "^3.0.2",
-    "graphql-toolkit": "^0.5.11",
     "lodash.debounce": "^4.0.8"
   },
   "devDependencies": {

src/gatsby-node.ts

 import { codegen } from '@graphql-codegen/core';
 import * as typescriptPlugin from '@graphql-codegen/typescript';
-// @ts-ignore
 import * as typescriptOperationsPlugin from '@graphql-codegen/typescript-operations';
+import { CodeFileLoader } from '@graphql-toolkit/code-file-loader';
+import { loadDocuments, loadSchema } from '@graphql-toolkit/core';
+import { JsonFileLoader } from '@graphql-toolkit/json-file-loader';
 import chokidar from 'chokidar';
 import crypto from 'crypto';
 import fs from 'fs';
 import { GatsbyNode } from 'gatsby';
-import { getIntrospectionQuery, graphql } from 'graphql';
-import { loadDocuments, loadSchema } from 'graphql-toolkit';
+import { getIntrospectionQuery, graphql, parse, printSchema } from 'graphql';
 import debounce from 'lodash.debounce';
 import path from 'path';
 
@@ -59,14 +60,24 @@ export const onPostBootstrap: GatsbyNode['onPostBootstrap'] = async (
 
   // Wait for first extraction
   await extractSchema();
-  const schemaAst = await loadSchema(schemaOutputPath);
-  const documents = await loadDocuments(resolve(DOCUMENTS_GLOB));
+  const schemaAst = await loadSchema(schemaOutputPath, {
+    loaders: [new JsonFileLoader()],
+  });
+  const documents = await loadDocuments(resolve(DOCUMENTS_GLOB), {
+    loaders: [new CodeFileLoader()],
+  });
   log('Documents are loaded');
 
+  const plugins: Array<{ typescript: [] } | { typescriptOperations: [] }> = [
+    { typescript: [] },
+    { typescriptOperations: [] },
+  ];
+
   const config = {
+    schema: parse(printSchema(schemaAst)),
     schemaAst,
     filename: typeDefsOutputPath,
-    plugins: [{ typescript: {} }, { typescriptOperations: {} }],
+    plugins,
     pluginMap: {
       typescript: typescriptPlugin,
       typescriptOperations: typescriptOperationsPlugin,
@@ -82,7 +93,6 @@ export const onPostBootstrap: GatsbyNode['onPostBootstrap'] = async (
   };
 
   const writeTypeDefinition = debounce(async () => {
-    // @ts-ignore
     const output = await codegen({
       ...config,
       documents,
@@ -111,11 +121,15 @@ export const onPostBootstrap: GatsbyNode['onPostBootstrap'] = async (
     }
 
     const changed = documents.findIndex(
-      document => document.filePath === filePath,
+      document => document.location === filePath,
     );
 
     if (changed !== -1) {
-      documents[changed] = (await loadDocuments(filePath))[0];
+      documents[changed] = (
+        await loadDocuments(filePath, {
+          loaders: [new CodeFileLoader()],
+        })
+      )[0];
     }
 
     writeTypeDefinition();