title: VSCode, typescript, eslint and prettier -> null check does not work
body: <p>I've tried to setup typescript linting to use prettier and while prettier works, i seem to have lost the basic typescript error checking. How can i get this back?</p>
  
  <p><a href="https://i.stack.imgur.com/vtRuc.jpg/" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vtRuc.jpg/" alt="enter image description here"></a></p>
  
  <p>^ should complain about accessing <code>.value</code> on <code>foo</code>?</p>
  
  <p>My <code>tsconfig.json</code></p>
  
  <pre><code>{
    "compilerOptions": {
      "outDir": "./dist/",
      "noImplicitAny": true,
      "module": "es6",
      "target": "es5",
      "jsx": "react",
      "allowJs": true,
      "sourceMap": true,
      "moduleResolution": "node",
      "baseUrl": "./src",
      "allowSyntheticDefaultImports": true,
      "paths": {
        "~/*": ["./*"]
      }
    },
  }
  </code></pre>
  
  <p><code>.eslintrc.json</code></p>
  
  <pre><code>{
    "extends": [
      "eslint:recommended",
      "plugin:@typescript-eslint/recommended",
      "prettier/@typescript-eslint",
      "plugin:prettier/recommended"
    ],
    "plugins": ["@typescript-eslint", "prettier"],
    "env": {
      "browser": true,
      "jasmine": true,
      "jest": true,
      "es6": true
    },
    "rules": {
      "prettier/prettier": [
        "error", 
        { "singleQuote": true, "semi": false }
      ],
      "@typescript-eslint/no-use-before-define": "off",
      "@typescript-eslint/no-explicit-any": "off",
      "@typescript-eslint/class-name-casing":  ["error", { "allowUnderscorePrefix": true }],
      "@typescript-eslint/interface-name-prefix": ["error", { "prefixWithI": "always", "allowUnderscorePrefix": true}],
      "@typescript-eslint/no-unused-vars": ["error", { "args": "none"}],
      "@typescript-eslint/no-non-null-assertion": "off",
      "semi":"off"
    },
    "parser": "@typescript-eslint/parser"
  }
  </code></pre>