From 10b0d23ce2c8fefffaa015fbfaf3ea38ae35075d Mon Sep 17 00:00:00 2001
From: sirin <sirinza29@gmail.com>
Date: Mon, 28 Oct 2024 21:55:59 +0700
Subject: [PATCH] fix: wrap suspense around findContent

---
 src/app/find/page.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/app/find/page.tsx b/src/app/find/page.tsx
index b6611a9..bcfc463 100644
--- a/src/app/find/page.tsx
+++ b/src/app/find/page.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import React, { Suspense } from "react";
 import { useSearchParams } from "next/navigation";
 import { createSupabaseClient } from "@/lib/supabase/clientComponentClient";
 import { useQuery } from "@supabase-cache-helpers/postgrest-react-query";
@@ -8,7 +9,7 @@ import { Separator } from "@/components/ui/separator";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { getBusinessAndProject } from "@/lib/data/businessQuery";
 
-export default function Find() {
+function FindContent() {
   const searchParams = useSearchParams();
   const query = searchParams.get("query");
 
@@ -78,3 +79,11 @@ export default function Find() {
     </div>
   );
 }
+
+export default function Find() {
+  return (
+    <Suspense fallback={<p>Loading search parameters...</p>}>
+      <FindContent />
+    </Suspense>
+  );
+}