From f58a97d3e7244b7a2c9a5dd04a4338dee448c317 Mon Sep 17 00:00:00 2001
From: Sumin Kim <zzmzzm0065@gmail.com>
Date: Mon, 18 Nov 2024 13:53:57 +0900
Subject: [PATCH] fix: wrapping gallery with suspense

---
 src/app/(pages)/4q-gallery/page.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/app/(pages)/4q-gallery/page.tsx b/src/app/(pages)/4q-gallery/page.tsx
index b6080a2..1970f2c 100644
--- a/src/app/(pages)/4q-gallery/page.tsx
+++ b/src/app/(pages)/4q-gallery/page.tsx
@@ -9,11 +9,16 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import SearchParamsHandler from "./_components/search-params";
 
 export default function Page() {
-  const searchParams = useSearchParams();
-
-  const [isSearchContainerVisible, setIsSearchContainerVisible] =
-    useState(false);
+  return (
+    <Suspense>
+      <GalleryContent />
+    </Suspense>
+  );
+}
 
+function GalleryContent() {
+  const searchParams = useSearchParams();
+  const [isSearchContainerVisible, setIsSearchContainerVisible] = useState(false);
   const queryClient = new QueryClient();
 
   const categoryParam = searchParams?.get("category") || "all";