fix: wrapping gallery with suspense

100-hours-a-week · Nov 18, 2024 · f58a97d · f58a97d
1 parent 171744c
commit f58a97d
Showing 1 changed file with 9 additions and 4 deletions.
diff --git 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";