title: ESLint demands semicolon and wants it removed at the same time
body: <p>I am configuring ESLint (as TSLint is soon-to-be-deprecated) to work with my .ts files. I have this very little file:</p>
  
  <pre><code>export default interface Departure {
    line: string;
    direction: string;
    time: Date;
  };
  </code></pre>
  
  <p>in the last time, where semicolon is, ESLint in my VSCode signals two errors: one about missing semicolon <code>eslint(semi)</code> and another one about unnecessary semicolon <code>eslint(no-extra-semi)</code>.</p>
  
  <p><img src="https://media.giphy.com/media/LQoA1ukfeyZqGnLWlg/giphy.gif" alt="eslint semicolon error"></p>
  
  <p>Below is my <code>.eslintrc.js</code>:</p>
  
  <pre><code>module.exports = {
      "env": {
          "browser": true,
          "commonjs": true,
          "es6": true,
          "node": true
      },
      "extends": [
          "plugin:@typescript-eslint/recommended",
          "airbnb"
      ],
      "globals": {
          "Atomics": "readonly",
          "SharedArrayBuffer": "readonly"
      },
      "parser": "@typescript-eslint/parser",
      "parserOptions": {
          "ecmaFeatures": {
              "jsx": true
          },
          "ecmaVersion": 2018
      },
      "plugins": [
          "react",
          "@typescript-eslint"
      ],
      "settings": {
          "import/resolver": {
              "node": {
                  "extensions": [".js", ".jsx", ".ts", ".tsx"]
              }
          }
      },
      "rules": {
      }
  };
  </code></pre>
  
  <p>how can I get rid of this bizarre situation? None of the errors should be there.</p>