diff --git a/packages/canyon-report/babel.config.js b/packages/canyon-report/babel.config.js
new file mode 100644
index 00000000..810d48fb
--- /dev/null
+++ b/packages/canyon-report/babel.config.js
@@ -0,0 +1,8 @@
+module.exports = {
+  presets: [
+    "@babel/preset-env",
+    "@babel/preset-react",
+    "@babel/preset-typescript",
+  ],
+  plugins: ["istanbul"],
+};
diff --git a/packages/canyon-report/package.json b/packages/canyon-report/package.json
index d410be56..56ffc5d6 100755
--- a/packages/canyon-report/package.json
+++ b/packages/canyon-report/package.json
@@ -29,6 +29,10 @@
     "shiki": "^1.18.0"
   },
   "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.4",
+    "@babel/preset-react": "^7.24.7",
+    "@babel/preset-typescript": "^7.24.7",
     "@types/istanbul-lib-coverage": "^2.0.6",
     "@types/react": "^18.3.8",
     "@types/react-dom": "^18.3.0",
@@ -36,6 +40,8 @@
     "@typescript-eslint/parser": "^8.7.0",
     "@webpack-cli/generators": "^3.0.7",
     "autoprefixer": "^10.4.20",
+    "babel-loader": "^9.2.1",
+    "babel-plugin-istanbul": "^7.0.0",
     "copy-webpack-plugin": "^12.0.2",
     "css-loader": "^7.1.2",
     "eslint": "^8.57.0",
@@ -53,7 +59,6 @@
     "prettier": "^3.3.3",
     "style-loader": "^4.0.0",
     "tailwindcss": "^3.4.13",
-    "ts-loader": "^9.5.1",
     "typescript": "^5.6.2",
     "webpack": "^5.94.0",
     "webpack-cli": "^5.1.4",
diff --git a/packages/canyon-report/webpack.config.js b/packages/canyon-report/webpack.config.js
index d6b9bcb3..64094219 100755
--- a/packages/canyon-report/webpack.config.js
+++ b/packages/canyon-report/webpack.config.js
@@ -39,7 +39,7 @@ const config = {
     rules: [
       {
         test: /\.(ts|tsx)$/i,
-        loader: "ts-loader",
+        loader: "babel-loader",
         exclude: ["/node_modules/"],
       },
       {