fix: wrap suspense around findContent

This commit is contained in:
sirin 2024-10-28 21:55:59 +07:00
parent 4730c086b2
commit 10b0d23ce2

View File

@ -1,5 +1,6 @@
"use client"; "use client";
import React, { Suspense } from "react";
import { useSearchParams } from "next/navigation"; import { useSearchParams } from "next/navigation";
import { createSupabaseClient } from "@/lib/supabase/clientComponentClient"; import { createSupabaseClient } from "@/lib/supabase/clientComponentClient";
import { useQuery } from "@supabase-cache-helpers/postgrest-react-query"; 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 { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { getBusinessAndProject } from "@/lib/data/businessQuery"; import { getBusinessAndProject } from "@/lib/data/businessQuery";
export default function Find() { function FindContent() {
const searchParams = useSearchParams(); const searchParams = useSearchParams();
const query = searchParams.get("query"); const query = searchParams.get("query");
@ -78,3 +79,11 @@ export default function Find() {
</div> </div>
); );
} }
export default function Find() {
return (
<Suspense fallback={<p>Loading search parameters...</p>}>
<FindContent />
</Suspense>
);
}