diff --git a/.babelrc b/.babelrc
new file mode 100644
index 00000000..a0608c6c
--- /dev/null
+++ b/.babelrc
@@ -0,0 +1,6 @@
+{
+    "sourceType": "unambiguous",
+    "presets": [
+        "@babel/preset-react"
+    ]
+}
diff --git a/package.json b/package.json
index 9dd4e607..a700c8ce 100644
--- a/package.json
+++ b/package.json
@@ -5,13 +5,13 @@
   "main": "index.js",
   "license": "Apache-2.0",
   "devDependencies": {
-    "babel-core": "^6.26.3",
+    "@babel/core": "^7.0.0",
+    "@babel/plugin-proposal-class-properties": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
+    "@babel/preset-react": "^7.0.0",
     "babel-eslint": "^10.0.3",
-    "babel-loader": "^7.0.0",
-    "babel-plugin-transform-class-properties": "^6.19.0",
-    "babel-preset-es2015": "^6.18.0",
-    "babel-preset-react": "^6.16.0",
     "cypress": "^9.5.4",
+    "babel-loader": "^8.0.0",
     "eslint": "^5.16.0",
     "eslint-config-prettier": "^4.3.0",
     "eslint-plugin-cypress": "^2.12.1",
diff --git a/webpack.common.js b/webpack.common.js
index d59fb9da..9300cb8f 100644
--- a/webpack.common.js
+++ b/webpack.common.js
@@ -27,8 +27,8 @@ module.exports = {
         exclude: /(node_modules|bower_components)/,
         loader: 'babel-loader',
         options: {
-          presets: ['es2015', 'react'],
-          plugins: ['transform-class-properties'],
+          presets: ['@babel/preset-env', '@babel/preset-react'],
+          plugins: ['@babel/plugin-proposal-class-properties'],
         },
       },
       {