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">