tsconfig.json

{
  "compilerOptions": {
    "allowJs": true,
    "allowSyntheticDefaultImports": true,
    "jsx": "react",
    "baseUrl": "src",
    // webpack will include polyfills for anything > es2016
    "lib": ["dom", "es2015", "es2016", "es2017", "esnext"],
    "moduleResolution": "node",
    "strict": true,
    "suppressImplicitAnyIndexErrors": false,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "esModuleInterop": true,
    "plugins": [
      {
        "name": "typescript-styled-plugin"
      },
      {
        "name": "@divyenduz/ts-graphql-plugin"
      }
    ],
    "target": "ES2016",
    "types": [
      "node",
      "./types/helpers"
      // needed for react-youtube if we ever add it back
      // "youtube"
    ],
    "typeRoots": ["node_modules/@types", "types/external"],
    // must also be added to gatsby/onCreateWebpackConfig.ts
    "paths": {
      "@r/*": ["./*"],
      "@shared/*": ["../shared/*"]
    },
    "outDir": "./dist"
  },
  "include": ["**/*.ts", "**/*.tsx", "gatsby-config.ts", "gatsby-node.js"],
  "exclude": ["node_modules/*", "public/*"]
}