fix: avoid Missing Suspense boundary with useSearchParams

src/app/casos-activos/mapa/page.tsx

@@ -1,14 +1,22 @@
 'use client';
 
-import { useState, useEffect } from 'react';
+import { useState, useEffect, Suspense } from 'react';
 import { supabase } from '@/lib/supabase/client';
 import SolicitudCard from '@/components/SolicitudCard';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { tiposAyudaOptions } from '@/helpers/constants';
 import Map, { PinMapa } from '@/components/map/map';
 import PickupPoint from '@/components/PickupPoint';
 
-export default function Mapa() {
+export default function MapaPage() {
+  return (
+    <Suspense>
+      <Mapa />
+    </Suspense>
+  );
+}
+
+function Mapa() {
   const searchParams = useSearchParams();
   const router = useRouter();
 

src/app/casos-activos/ofertas/page.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { useEffect, useState } from 'react';
+import { Suspense, useEffect, useState } from 'react';
 import { HeartHandshake } from 'lucide-react';
 import { supabase } from '@/lib/supabase/client';
 import Pagination from '@/components/Pagination';
@@ -9,10 +9,19 @@ import { useRouter, useSearchParams } from 'next/navigation';
 import { useTowns } from '@/context/TownProvider';
 import OfferCard from '@/components/OfferCard';
 
-export default function Ofertas() {
+export default function OfertasPage() {
+  return (
+    <Suspense>
+      <Ofertas />
+    </Suspense>
+  );
+}
+
+function Ofertas() {
   const { towns } = useTowns();
   const searchParams = useSearchParams();
   const router = useRouter();
+  const {} = router;
 
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);

src/app/casos-activos/solicitudes/page.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { useEffect, useState } from 'react';
+import { Suspense, useEffect, useState } from 'react';
 import { HeartHandshake } from 'lucide-react';
 import { supabase } from '@/lib/supabase/client';
 import SolicitudCard from '@/components/SolicitudCard';
@@ -14,7 +14,15 @@ import { useTowns } from '@/context/TownProvider';
 
 const MODAL_NAME = 'solicitudes';
 
-export default function Solicitudes() {
+export default function SolicitudesPage() {
+  return (
+    <Suspense>
+      <Solicitudes />
+    </Suspense>
+  );
+}
+
+function Solicitudes() {
   const { getTownById, towns } = useTowns();
   const searchParams = useSearchParams();
   const router = useRouter();

src/app/ofertas/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useEffect } from 'react';
+import { useState, useEffect, Suspense } from 'react';
 import { HeartHandshake } from 'lucide-react';
 import { supabase } from '@/lib/supabase/client';
 import Pagination from '@/components/Pagination';
@@ -12,7 +12,15 @@ import OfferCard from '@/components/OfferCard';
 import Link from 'next/link';
 import { HelpRequestData } from '@/types/Requests';
 
-export default function ListaSolicitudes() {
+export default function ListaSolicitudesPage() {
+  return (
+    <Suspense>
+      <ListaSolicitudes />
+    </Suspense>
+  );
+}
+
+function ListaSolicitudes() {
   const session = useSession();
 
   const searchParams = useSearchParams();