diff --git a/.babelrc b/.babelrc
new file mode 100644
index 000000000..53e4d9b24
--- /dev/null
+++ b/.babelrc
@@ -0,0 +1,14 @@
+{
+  "presets": [
+    [
+      "next/babel",
+      {
+        "preset-env": {
+          "targets": {
+            "browsers": ["> 0.25%, not dead"]
+          }
+        }
+      }
+    ]
+  ]
+}
diff --git a/app/components/home.tsx b/app/components/home.tsx
index b3cec893e..68853e743 100644
--- a/app/components/home.tsx
+++ b/app/components/home.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-require("../polyfill");
+// require("../polyfill");
 
 import { useState, useEffect } from "react";
 
diff --git a/next.config.mjs b/next.config.mjs
index 01d342717..c8f17de8c 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -30,6 +30,9 @@ const nextConfig = {
   images: {
     unoptimized: mode === "export",
   },
+  experimental: {
+    forceSwcTransforms: true,
+  },
 };
 
 if (mode !== "export") {