diff --git a/src/app/conferences/page.jsx b/src/app/conferences/page.jsx
index 450fe6b..6d0ea51 100644
--- a/src/app/conferences/page.jsx
+++ b/src/app/conferences/page.jsx
@@ -1,11 +1,15 @@
+"use client";
+
 import Header from '@/components/header';
 import Footer from '@/components/footer';
 import ConferenceList from '@/components/conferences/conference-list';
 import ConferenceDetails from '@/components/conferences/conference-details';
 import { Suspense } from 'react';
+import { useSearchParams } from 'next/navigation';
 
-function ConferencesPageContent({ searchParams }) {
-    const conferenceId = searchParams?.id;
+function ConferencesPageContent() {
+    const searchParams = useSearchParams();
+    const conferenceId = searchParams.get('id');
 
     return (
         <>
@@ -22,10 +26,10 @@ function ConferencesPageContent({ searchParams }) {
     );
 }
 
-export default function ConferencesPage({ searchParams }) {
+export default function ConferencesPage() {
     return (
         <Suspense fallback={<div>Loading...</div>}>
-            <ConferencesPageContent searchParams={searchParams} />
+            <ConferencesPageContent />
         </Suspense>
     );
 }