diff --git a/babel.config.js b/babel.config.js
index aff813ce5a..2199ddd662 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,3 +1,4 @@
 module.exports = {
+  presets: ["@babel/preset-env", "@babel/preset-react"],
   plugins: ["transform-class-properties"],
 };
diff --git a/package.json b/package.json
index 2b12e93e78..88a59bba5c 100644
--- a/package.json
+++ b/package.json
@@ -8,11 +8,12 @@
     "url": "https://github.com/pyroscope-io/pyroscope.git"
   },
   "scripts": {
-    "dev": "webpack --progress --colors --config scripts/webpack/webpack.dev.js"
+    "dev": "webpack --progress --colors --config scripts/webpack/webpack.dev.js",
+    "test": "jest"
   },
   "devDependencies": {
     "@babel/core": "7.8.4",
-    "@babel/preset-react": "7.8.3",
+    "@babel/preset-react": "^7.12.10",
     "@babel/preset-typescript": "7.8.3",
     "autoprefixer": "^9.8.5",
     "babel-plugin-transform-class-properties": "^6.24.1",
@@ -21,12 +22,16 @@
     "conventional-changelog-cli": "^2.1.1",
     "copy-webpack-plugin": "^7.0.0",
     "css-loader": "^4.0.0",
+    "enzyme": "^3.11.0",
+    "enzyme-adapter-react-16": "^1.15.5",
     "html-webpack-plugin": "^4.3.0",
+    "jest": "^26.6.3",
     "mini-css-extract-plugin": "^0.9.0",
     "monaco-editor-webpack-plugin": "^1.9.0",
     "postcss-browser-reporter": "^0.6.0",
     "postcss-loader": "^3.0.0",
     "postcss-reporter": "^6.0.1",
+    "redux-mock-store": "^1.5.4",
     "sass": "^1.26.10",
     "sass-loader": "^9.0.2",
     "typescript": "3.9.3",