Use babel for typescript compilation with minimal changes (#1738)

Author: chuckdries

.babelrc.js

@@ -3,7 +3,7 @@ const cjs = NODE_ENV === 'test' || BABEL_ENV === 'commonjs'
 const loose = true
 
 module.exports = {
-  presets: [['@babel/env', { loose, modules: false }]],
+  presets: [['@babel/env', { loose, modules: false }], '@babel/preset-typescript'],
   plugins: [
     ['@babel/proposal-decorators', { legacy: true }],
     ['@babel/proposal-object-rest-spread', { loose }],
@@ -18,5 +18,5 @@ module.exports = {
         ].replace(/^[^0-9]*/, '')
       }
     ]
-  ].filter(Boolean)
+  ].filter(Boolean),
 }

.eslintrc

@@ -1,14 +1,20 @@
 {
-  "parser": "babel-eslint",
+  "parser": "@typescript-eslint/parser",
   "extends": [
     "eslint:recommended",
     "plugin:import/recommended",
     "plugin:react/recommended",
     "plugin:prettier/recommended"
+    // "plugin:@typescript-eslint/recommended"
   ],
   "settings": {
     "react": {
       "version": "detect"
+    },
+    "import/resolver": {
+      "node": {
+        "extensions": [".js", ".ts"]
+      }
     }
   },
   "parserOptions": {
@@ -32,6 +38,7 @@
     "react/no-string-refs": 0
   },
   "plugins": [
+    "@typescript-eslint",
     "import",
     "react"
   ]