feat: /category 페이지 suspense로 감싸는 로직 추가

Author: nan0silver

src/app/category/page.tsx

@@ -1,5 +1,6 @@
 'use client';
 import { useState, useEffect, useRef, useCallback, useLayoutEffect } from 'react';
+import { Suspense } from 'react';
 import { useRouter } from 'next/navigation';
 import { FullLayout } from '@/components/layout/layouts';
 import { categoryItems } from '@/data/categories';
@@ -82,7 +83,7 @@ function convertToProduct(item: GroupBuyTop3): Product {
   };
 }
 
-export default function CategoryPage() {
+function CategoryPage() {
   const router = useRouter();
   const searchParams = useSearchParams();
   const sub = searchParams.get('sub');
@@ -344,3 +345,11 @@ export default function CategoryPage() {
     </FullLayout>
   );
 }
+
+export default function CategoryPageWrapper() {
+  return (
+    <Suspense fallback={null}>
+      <CategoryPage />
+    </Suspense>
+  );
+}

src/services/groupbuyService.ts

@@ -6,6 +6,7 @@ import type {
   GroupBuyCreateRequest,
   GroupBuyCreateApiResponse,
 } from '@/types/groupbuy';
+import { Suspense } from 'react';
 
 export async function fetchGroupBuyTop3(): Promise<GroupBuyTop3Response> {
   const res = await api.get<GroupBuyTop3Response>('/groupbuys/top3');