diff --git a/web/next.config.js b/web/next.config.js
index 672d9151b..8422342b6 100644
--- a/web/next.config.js
+++ b/web/next.config.js
@@ -18,7 +18,39 @@ const nextConfig = {
   images: {
     unoptimized: true,
   },
-  transpilePackages: ["@plane/i18n", "@plane/propel"],
+  experimental: {
+    optimizePackageImports: [
+      "lucide-react",
+      "date-fns",
+      "@headlessui/react",
+      "@nivo/core",
+      "@nivo/bar",
+      "@nivo/line",
+      "@nivo/pie",
+      "@nivo/calendar",
+      "@nivo/scatterplot",
+      "react-color",
+      "react-day-picker",
+      "react-dropzone",
+      "react-hook-form",
+      "lodash",
+      "clsx",
+      "tailwind-merge",
+    ],
+  },
+  transpilePackages: [
+    "@plane/constants",
+    "@plane/editor",
+    "@plane/hooks",
+    "@plane/i18n",
+    "@plane/logger",
+    "@plane/propel",
+    "@plane/services",
+    "@plane/shared-state",
+    "@plane/types",
+    "@plane/ui",
+    "@plane/utils",
+  ],
   async redirects() {
     return [
       {