diff --git a/config/webpack.common.js b/config/webpack.common.js
index 3a45e095..76fd0fa1 100644
--- a/config/webpack.common.js
+++ b/config/webpack.common.js
@@ -5,7 +5,7 @@ const HtmlWebpackInlineSVGPlugin = require("html-webpack-inline-svg-plugin");
 
 module.exports = {
   resolve: {
-    extensions: [".js", ".ts"]
+    extensions: [".js", ".ts", ".tsx"]
   },
   node: {
     // Consider suggesting jsmediatags use: https://github.com/feross/is-buffer
@@ -19,7 +19,7 @@ module.exports = {
         use: ["style-loader", "css-loader"]
       },
       {
-        test: /\.[tj]s$/,
+        test: /\.(js|ts|tsx)?$/,
         exclude: /(node_modules)/,
         use: {
           loader: "babel-loader"