title: Issue: TypeScript not finding the declaration file
body: <p>I have two files in /src/models/ they are User.ts and User.d.ts. I am trying to build a class in User and then have a interface declaration for an object I use in User.d.ts. I thought User.ts would be able to use the interface automatically because typescript parses all the d.ts files? Is there something wrong with the config? Or maybe I am just not understanding the concept?</p>
  <p>The Error I get is in the User.d.ts file:</p>
  <pre><code>Parsing error: &quot;parserOptions.project&quot; has been set for @typescript-eslint/parser.
  The file does not match your project config: src/models/User.d.ts.
  The file must be included in at least one of the projects provided
  </code></pre>
  <p>User.ts:</p>
  <pre><code>class User {
    private id: number;
  
    constructor(id: number) {
      this.id = id;
    }
  
    static create(userData: UserData): User | undefined {
      return undefined;
    }
  
    getId(): number {
      return this.id;
    }
  }
  
  export default User;
  </code></pre>
  <p>UserData.d.ts:</p>
  <pre><code>interface UserData {
    id?: number;
    gmail?: string;
    firstName?: string;
    lastName?: string;
    loginIP?: string;
    secureKey?: string;
    imgFileName?: string; // file name of the users profile image
    lastUpdate?: string;
    createDate?: string;
  }
  </code></pre>
  <p>User.ts is having an issue finding UserData and I can't seem to use it in the file.
  My tsconfig.json:</p>
  <pre><code>{
    &quot;compilerOptions&quot;: {
      &quot;module&quot;: &quot;commonjs&quot;,
      &quot;esModuleInterop&quot;: true,
      &quot;allowSyntheticDefaultImports&quot;: true,
      &quot;target&quot;: &quot;es6&quot;,
      &quot;noImplicitAny&quot;: true,
      &quot;moduleResolution&quot;: &quot;node&quot;,
      &quot;sourceMap&quot;: true
    },
    &quot;include&quot;: [&quot;/src/**/*.ts&quot;, &quot;**/src/**/*.ts&quot;, &quot;**/__tests__/**/*.ts&quot;]
  }
  </code></pre>
  <p>My .eslintrc.js</p>
  <pre><code>module.exports = {
    extends: ['airbnb', 'plugin:@typescript-eslint/recommended'],
    parser: '@typescript-eslint/parser',
    plugins: ['@typescript-eslint', 'prettier'],
    settings: {
      'import/parsers': {
        '@typescript-eslint/parser': ['.ts', '.tsx'],
      },
      'import/resolver': {
        typescript: {},
      },
    },
    rules: {
      'import/no-extraneous-dependencies': [2, { devDependencies: ['**/*.test.tsx', '**/*.test.ts'] }],
      '@typescript-eslint/indent': [2, 2],
      'import/extensions': [
        'error',
        'ignorePackages',
        {
          js: 'never',
          jsx: 'never',
          ts: 'never',
          tsx: 'never',
          mjs: 'never',
        },
      ],
    },
  };
  </code></pre>
  <p>Where am I off? Appreciate the help. Thanks.</p>