eeeee

app/dashboard/promotions/page.tsx

@@ -1,7 +1,7 @@
 import { Suspense } from "react";
 import Dashboard from "@/components/dashboard/dashboard";
 import { Metadata, Viewport } from "next";
-import PromotionsList from "@/components/dashboard/promotions/PromotionsList";
+import dynamic from "next/dynamic";
 import PromotionsPageSkeleton from "@/components/dashboard/promotions/PromotionsPageSkeleton";
 import { Ticket } from "lucide-react";
 
@@ -20,6 +20,10 @@ export const viewport: Viewport = {
 };
 
 export default function PromotionsPage() {
+  const PromotionsList = dynamic(() => import("@/components/dashboard/promotions/PromotionsList"), {
+    loading: () => <PromotionsPageSkeleton />
+  });
+
   return (
     <Dashboard>
       <div className="space-y-6">

components/dashboard/promotions/PromotionsList.tsx

@@ -32,9 +32,10 @@ import { toast } from '@/components/ui/use-toast';
 import { Badge } from '@/components/ui/badge';
 import { Promotion } from '@/lib/types/promotion';
 import { fetchClient } from '@/lib/api';
-import NewPromotionForm from './NewPromotionForm';
-import EditPromotionForm from './EditPromotionForm';
-import PromotionDetailsModal from './PromotionDetailsModal';
+import dynamic from 'next/dynamic';
+const NewPromotionForm = dynamic(() => import('./NewPromotionForm'));
+const EditPromotionForm = dynamic(() => import('./EditPromotionForm'));
+const PromotionDetailsModal = dynamic(() => import('./PromotionDetailsModal'));
 
 export default function PromotionsList() {
   const router = useRouter();

package-lock.json

@@ -63,7 +63,7 @@
         "zod": "^3.24.1"
       },
       "devDependencies": {
-        "@next/bundle-analyzer": "^15.4.1",
+        "@next/bundle-analyzer": "^15.4.6",
         "@tailwindcss/typography": "^0.5.16",
         "@types/lodash": "^4.17.16",
         "@types/node": "^22",
@@ -861,9 +861,9 @@
       }
     },
     "node_modules/@next/bundle-analyzer": {
-      "version": "15.4.1",
-      "resolved": "https://registry.npmjs.org/@next/bundle-analyzer/-/bundle-analyzer-15.4.1.tgz",
-      "integrity": "sha512-O5R3iPLR3/oQWFIXl+Mnd02IyhvWBterTlXcceIGw29QHWL/gjvyO0eIVEvrJPS7zzE6/NSu1TiSVgi8mxotlw==",
+      "version": "15.4.6",
+      "resolved": "https://registry.npmjs.org/@next/bundle-analyzer/-/bundle-analyzer-15.4.6.tgz",
+      "integrity": "sha512-LZWqTQgIpfhblT77VVc1r4qtHJY1pfZOAIx8zNtliU7L3pMjpNrG4rYWikJ7AyAI/RgYyt2sCVWqkeOZmFp7Zg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {

package.json

@@ -72,7 +72,7 @@
     "zod": "^3.24.1"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "^15.4.1",
+    "@next/bundle-analyzer": "^15.4.6",
     "@tailwindcss/typography": "^0.5.16",
     "@types/lodash": "^4.17.16",
     "@types/node": "^22",