diff --git a/frontend/.babelrc.js b/frontend/.babelrc.js
index a1f177ab..05fe0d12 100644
--- a/frontend/.babelrc.js
+++ b/frontend/.babelrc.js
@@ -20,11 +20,11 @@ module.exports = {
     }),
     preactPreset,
   ],
-  plugins,
+  plugins: [...plugins, 'babel-plugin-jsx-remove-data-test-id'],
   env: {
     modern: {
       presets: [getPresetEnv({ targets: { esmodules: true }, loose: true, bugfixes: true }), preactPreset],
-      plugins,
+      plugins: [...plugins, 'babel-plugin-jsx-remove-data-test-id'],
     },
     test: {
       presets: [getPresetEnv({ targets: { node: 'current' } }), preactPreset],
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index aa8b919c..921a3b05 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -45,6 +45,7 @@
         "@typescript-eslint/eslint-plugin": "^4.33.0",
         "@typescript-eslint/parser": "^5.18.0",
         "babel-loader": "^8.2.3",
+        "babel-plugin-jsx-remove-data-test-id": "^3.0.0",
         "clean-webpack-plugin": "^3.0.0",
         "codecov": "^3.8.2",
         "cross-env": "^7.0.3",
@@ -4820,6 +4821,15 @@
         "node": ">= 10.14.2"
       }
     },
+    "node_modules/babel-plugin-jsx-remove-data-test-id": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-jsx-remove-data-test-id/-/babel-plugin-jsx-remove-data-test-id-3.0.0.tgz",
+      "integrity": "sha512-E4uM/LIUizjy2Z5tVAfa8pSXsYgoKWJ97kzuEMfsIxSLSNDWsAhgFVPkgNuakViX5dkNjw1DKIi0VpWP6djqbw==",
+      "dev": true,
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
     "node_modules/babel-plugin-polyfill-corejs2": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.2.0.tgz",
@@ -22756,6 +22766,13 @@
         "@types/babel__traverse": "^7.0.6"
       }
     },
+    "babel-plugin-jsx-remove-data-test-id": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-jsx-remove-data-test-id/-/babel-plugin-jsx-remove-data-test-id-3.0.0.tgz",
+      "integrity": "sha512-E4uM/LIUizjy2Z5tVAfa8pSXsYgoKWJ97kzuEMfsIxSLSNDWsAhgFVPkgNuakViX5dkNjw1DKIi0VpWP6djqbw==",
+      "dev": true,
+      "requires": {}
+    },
     "babel-plugin-polyfill-corejs2": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.2.0.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index a56aadae..d5561293 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -62,6 +62,7 @@
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^5.18.0",
     "babel-loader": "^8.2.3",
+    "babel-plugin-jsx-remove-data-test-id": "^3.0.0",
     "clean-webpack-plugin": "^3.0.0",
     "codecov": "^3.8.2",
     "cross-env": "^7.0.3",