Switch from Babel to TypeScript

babel.config.js

@@ -1,3 +0,0 @@
-module.exports = {
-    presets: ['@babel/preset-env', '@babel/preset-react', '@babel/preset-typescript'],
-};

client/webpack.config.js

@@ -40,7 +40,7 @@ module.exports = function exports() {
       rules: [
         {
           test: /\.(js|ts)x?$/,
-          loader: 'babel-loader',
+          loader: 'ts-loader',
           exclude: /node_modules/,
         },
       ].concat(Object.keys(exposedDependencies).map((name) => {

package.json

@@ -17,6 +17,16 @@
     "last 2 Safari versions"
   ],
   "jest": {
+    "moduleFileExtensions": [
+      "js",
+      "ts",
+      "tsx",
+      "json",
+      "node"
+    ],
+    "transform": {
+      "^.+\\.(js|ts|tsx)$": "ts-jest"
+    },
     "testPathIgnorePatterns": [
       "/node_modules/",
       "/build/"
@@ -35,16 +45,10 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "^7.12.3",
-    "@babel/preset-env": "^7.12.1",
-    "@babel/preset-react": "^7.12.1",
-    "@babel/preset-typescript": "^7.12.1",
     "@typescript-eslint/eslint-plugin": "^4.5.0",
     "@typescript-eslint/parser": "^4.5.0",
     "@wagtail/stylelint-config-wagtail": "^0.1.1",
     "autoprefixer": "^9.8.0",
-    "babel-jest": "^26.6.0",
-    "babel-loader": "^8.1.0",
     "cssnano": "^4.1.10",
     "enzyme": "^3.9.0",
     "enzyme-adapter-react-16": "^1.9.1",
@@ -69,6 +73,8 @@
     "react-test-renderer": "^16.13.1",
     "redux-mock-store": "^1.3.0",
     "stylelint": "^13.5.0",
+    "ts-jest": "^26.4.1",
+    "ts-loader": "^8.0.6",
     "typescript": "^4.0.3",
     "webpack": "^4.44.2",
     "webpack-cli": "^3.3.11"

tsconfig.json

@@ -6,7 +6,8 @@
         "noUnusedLocals": true,
         "noUnusedParameters": true,
         "strictNullChecks": true,
-        "esModuleInterop": true
+        "esModuleInterop": true,
+        "allowJs": true
     },
     "files": [
         "client/src/index.ts",