kevcenteno/gatsby-plugin-ts-checker

gatsby-plugin-ts-checker's Issues

Dependency Dashboard

This issue provides visibility into Renovate updates and their statuses. Learn more

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• Update dependency np to v7.6.1
• Update dependency prettier to v2.6.2
• Update dependency fork-ts-checker-webpack-plugin to v7
• Click on this checkbox to rebase all open PRs at once

---

• Check this box to trigger a request for Renovate to run again on this repository

Type check ignores type definitions imported from separate file in develop (watch) mode

Hi, I've been using this plugin profitably for some time and it seems to work pretty well if you have type definitions in the same file that contains the React component. However, in development mode, the Gatsby watch does not take into account changes made to type definitions if they are in a separate .ts file and imported into the component file. The develop task needs to be restarted for Gatsby to take into account any change.

Is this issue related to this plugin or perhaps I should watch somewhere else?

This is my tsconfig.json:

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "esnext",
    "jsx": "preserve",
    "lib": ["dom", "dom.iterable", "es2015", "es2017"],
    "strict": true,
    "noEmit": true,
    "isolatedModules": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "removeComments": false,
    "preserveConstEnums": true,
    "allowJs": true,
    "noImplicitAny": false,
  },
  "include": ["./src/**/*"]
}

My Gatsby setup is the following:

module.exports = {
  assetPrefix: `${process.env.GATSBY_ASSET_PREFIX}`,
  plugins: [
    'gatsby-plugin-typescript',
    'gatsby-plugin-ts-checker',
    'gatsby-plugin-eslint',
    'gatsby-plugin-styled-components',
    'gatsby-plugin-image',
    'gatsby-plugin-react-helmet',
    'gatsby-plugin-sharp',
    'gatsby-plugin-remove-trailing-slashes',
    'gatsby-transformer-sharp',
    {
      resolve: 'gatsby-source-filesystem',
      options: {
        name: 'images',
        path: './src/images/',
      },
      __key: 'images',
    },
    {
      resolve: 'gatsby-plugin-google-tagmanager',
      options: {
        id: process.env.GATSBY_GTM_ID,
        includeInDevelopment: false,
        gtmAuth: process.env.GATSBY_GTM_AUTH,
        gtmPreview: process.env.GATSBY_GTM_PREVIEW_NAME,
      },
    },
  ],
};

Hope you can help me shed some light on this issue 😊

Thanks!