fix

1 files changed, 4 insertions, 4 deletions

diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 6503ac20..4cb40adb 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -6,19 +6,19 @@ import PopularProductSkeleton from "@/lib/home/components/Skeleton/PopularProduc
 const BasicLayout = dynamic(() => import("@/core/components/layouts/BasicLayout"))
 
 const HeroBanner = dynamic(() => import("@/lib/home/components/HeroBanner"), {
-  loading: <ImageSkeleton />
+  loading: () => <ImageSkeleton />
 })
 
 const PreferredBrand = dynamic(() => import("@/lib/home/components/PreferredBrand"), {
-  loading: <PopularProductSkeleton />
+  loading: () => <PopularProductSkeleton />
 })
 
 const PopularProduct = dynamic(() => import("@/lib/home/components/PopularProduct"), {
-  loading: <PopularProductSkeleton />
+  loading: () => <PopularProductSkeleton />
 })
 
 const CategoryHomeId = dynamic(() => import("@/lib/home/components/CategoryHomeId"), {
-  loading: <PopularProductSkeleton />
+  loading: () => <PopularProductSkeleton />
 })
 
 export default function Home() {