feat: refactor to use connection from next/server in multiple pages

Author: Starefossen

src/app/(cfp)/cfp/expense/page.tsx

@@ -1,5 +1,4 @@
-export const dynamic = 'force-dynamic'
-
+import { connection } from 'next/server'
 import { getAuthSession } from '@/lib/auth'
 import { redirect } from 'next/navigation'
 import { headers } from 'next/headers'
@@ -41,6 +40,8 @@ function NotEligibleDisplay() {
 }
 
 export default async function TravelExpensePage() {
+  await connection()
+
   const headersList = await headers()
   const fullUrl = headersList.get('x-url') || ''
   const session = await getAuthSession({ url: fullUrl })

src/app/(cfp)/cfp/list/page.tsx

@@ -1,5 +1,4 @@
-export const dynamic = 'force-dynamic'
-
+import { connection } from 'next/server'
 import { getAuthSession } from '@/lib/auth'
 import { redirect } from 'next/navigation'
 import { headers } from 'next/headers'
@@ -21,6 +20,8 @@ import type { ConferenceWithSpeakerData } from '@/lib/dashboard/types'
 import type { BadgeRecord } from '@/lib/badge/types'
 
 export default async function SpeakerDashboard() {
+  await connection()
+
   const headersList = await headers()
   const fullUrl = headersList.get('x-url') || ''
   const { domain } = await getConferenceForCurrentDomain({})

src/app/(cfp)/cfp/profile/page.tsx

@@ -1,5 +1,4 @@
-export const dynamic = 'force-dynamic'
-
+import { connection } from 'next/server'
 import { getAuthSession } from '@/lib/auth'
 import { getSpeaker } from '@/lib/speaker/sanity'
 import { redirect } from 'next/navigation'
@@ -8,6 +7,8 @@ import { CFPProfilePage } from '@/components/cfp/CFPProfilePage'
 import { getConferenceForCurrentDomain } from '@/lib/conference/sanity'
 
 export default async function ProfilePage() {
+  await connection()
+
   const headersList = await headers()
   const fullUrl = headersList.get('x-url') || ''
   const session = await getAuthSession({ url: fullUrl })

src/app/(cfp)/cfp/proposal/[[...id]]/page.tsx

@@ -1,5 +1,4 @@
-export const dynamic = 'force-dynamic'
-
+import { connection } from 'next/server'
 import { XCircleIcon } from '@heroicons/react/24/solid'
 import Link from 'next/link'
 import {
@@ -29,6 +28,8 @@ export default async function ProposalPage({
   params: Promise<{ id?: string[] }>
   searchParams: Promise<{ id?: string }>
 }) {
+  await connection()
+
   // Support both /cfp/proposal/[id] and /cfp/proposal?id=[id] patterns
   const routeParams = await params
   const queryParams = await searchParams

src/app/(cfp)/cfp/proposal/[id]/page.tsx

@@ -1,5 +1,4 @@
-export const dynamic = 'force-dynamic'
-
+import { connection } from 'next/server'
 import { notFound, redirect } from 'next/navigation'
 import { headers } from 'next/headers'
 import { getProposalSanity as getProposal } from '@/lib/proposal/server'
@@ -23,6 +22,8 @@ interface ProposalViewPageProps {
 export default async function ProposalViewPage({
   params,
 }: ProposalViewPageProps) {
+  await connection()
+
   const { id } = await params
   const headersList = await headers()
   const fullUrl = headersList.get('x-url') || ''

src/app/(cfp)/cfp/workshop/[id]/page.tsx

@@ -1,5 +1,4 @@
-export const dynamic = 'force-dynamic'
-
+import { connection } from 'next/server'
 import { redirect } from 'next/navigation'
 import { headers } from 'next/headers'
 import { getAuthSession } from '@/lib/auth'
@@ -45,6 +44,8 @@ interface WorkshopDetails {
 export default async function WorkshopDetailsPage({
   params,
 }: WorkshopDetailsPageProps) {
+  await connection()
+
   const { id: workshopId } = await params
   const headersList = await headers()
   const fullUrl = headersList.get('x-url') || ''