diff --git a/packages/webamp/package.json b/packages/webamp/package.json
index 6043f2d8..8430bad0 100644
--- a/packages/webamp/package.json
+++ b/packages/webamp/package.json
@@ -61,7 +61,6 @@
     "@babel/plugin-transform-runtime": "^7.0.0",
     "@babel/polyfill": "^7.7.0",
     "@babel/preset-env": "^7.7.1",
-    "@babel/preset-react": "^7.7.0",
     "@babel/preset-typescript": "^7.7.2",
     "@babel/runtime": "^7.7.2",
     "@sentry/browser": "5.9.1",
@@ -128,7 +127,7 @@
     "screenfull": "^4.0.0",
     "style-loader": "^0.23.1",
     "tinyqueue": "^1.2.3",
-    "typescript": "^3.7.2",
+    "typescript": "^4.1.0-beta",
     "url-loader": "^1.1.2",
     "webpack": "^4.41.2",
     "webpack-bundle-analyzer": "^3.3.2",
diff --git a/packages/webamp/tsconfig.json b/packages/webamp/tsconfig.json
index a7279681..8c5eed1d 100644
--- a/packages/webamp/tsconfig.json
+++ b/packages/webamp/tsconfig.json
@@ -8,7 +8,7 @@
     "allowSyntheticDefaultImports": true,
     "resolveJsonModule": true,
     "strict": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "noEmit": true,
     "pretty": true
   },
diff --git a/yarn.lock b/yarn.lock
index ed981a98..aa6469cb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -13917,6 +13917,11 @@ typescript@^3.8.3:
   version "3.9.3"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.3.tgz#d3ac8883a97c26139e42df5e93eeece33d610b8a"
 
+typescript@^4.1.0-beta:
+  version "4.1.0-beta"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.1.0-beta.tgz#e4d054035d253b7a37bdc077dd71706508573e69"
+  integrity sha512-b/LAttdVl3G6FEmnMkDsK0xvfvaftXpSKrjXn+OVCRqrwz5WD/6QJOiN+dTorqDY+hkaH+r2gP5wI1jBDmdQ7A==
+
 typescript@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.1.2.tgz#6369ef22516fe5e10304aae5a5c4862db55380e9"