diff --git a/packages/app-clipper/popup/package.json b/packages/app-clipper/popup/package.json
index a446f74ef40..1f4631527bd 100644
--- a/packages/app-clipper/popup/package.json
+++ b/packages/app-clipper/popup/package.json
@@ -5,11 +5,11 @@
   "homepage": ".",
   "dependencies": {
     "@babel/core": "7.8.4",
-    "@svgr/webpack": "4.3.3",
+    "@svgr/webpack": "6.0.0",
     "@typescript-eslint/eslint-plugin": "^2.10.0",
     "@typescript-eslint/parser": "^2.10.0",
     "babel-eslint": "10.0.3",
-    "babel-jest": "^24.9.0",
+    "babel-jest": "^27.0.0",
     "babel-loader": "8.0.6",
     "babel-plugin-named-asset-import": "^0.3.6",
     "babel-preset-react-app": "^9.1.1",
@@ -22,12 +22,12 @@
     "fs-extra": "^8.1.0",
     "html-webpack-plugin": "4.0.0-beta.11",
     "identity-obj-proxy": "3.0.0",
-    "jest": "24.9.0",
+    "jest": "27.0.0",
     "jest-environment-jsdom-fourteen": "1.0.1",
     "jest-resolve": "24.9.0",
-    "jest-watch-typeahead": "0.4.2",
+    "jest-watch-typeahead": "0.5.0",
     "mini-css-extract-plugin": "0.9.0",
-    "optimize-css-assets-webpack-plugin": "5.0.3",
+    "optimize-css-assets-webpack-plugin": "5.0.5",
     "pnp-webpack-plugin": "1.6.0",
     "postcss-flexbugs-fixes": "4.1.0",
     "postcss-loader": "3.0.0",
@@ -36,20 +36,20 @@
     "postcss-safe-parser": "4.0.1",
     "react": "^16.12.0",
     "react-app-polyfill": "^1.0.6",
-    "react-dev-utils": "^10.1.0",
+    "react-dev-utils": "^12.0.0",
     "react-dom": "^16.12.0",
     "react-redux": "^5.0.7",
     "redux": "^4.0.0",
     "resolve": "1.15.0",
-    "resolve-url-loader": "^3.1.3",
+    "resolve-url-loader": "^4.0.0",
     "sass-loader": "8.0.2",
     "semver": "6.3.0",
     "style-loader": "1.1.3",
     "terser-webpack-plugin": "2.3.4",
     "ts-pnp": "1.1.5",
     "url-loader": "2.3.0",
-    "webpack": "4.41.5",
-    "webpack-dev-server": "^3.11.2",
+    "webpack": "5.0.0",
+    "webpack-dev-server": "^4.0.0",
     "webpack-manifest-plugin": "2.2.0",
     "workbox-webpack-plugin": "4.3.1"
   },