fix typecheck errors

Author: charleslien

web/src/app/admin/traces/page.tsx

@@ -21,7 +21,7 @@ import { toast } from '@/components/ui/use-toast'
 
 export default function TraceDashboardPage() {
   const router = useRouter()
-  const searchParams = useSearchParams()
+  const searchParams = useSearchParams() ?? new URLSearchParams()
   const [searchType, setSearchType] = useState<'request' | 'client'>('request')
   const [searchValue, setSearchValue] = useState('')
   const [clientRequestId, setClientRequestId] = useState<string | null>(null)

web/src/app/docs/layout.tsx

@@ -13,7 +13,7 @@ export default function DocsLayout({
 }: {
   children: React.ReactNode
 }) {
-  const pathname = usePathname()
+  const pathname = usePathname() ?? '/docs'
   const [open, setOpen] = useState(false)
   const [showTopFade, setShowTopFade] = useState(false)
   const [showBottomFade, setShowBottomFade] = useState(false)

web/src/app/orgs/[slug]/analytics/page.tsx

@@ -58,9 +58,9 @@ interface AnalyticsData {
 
 export default function OrganizationAnalyticsPage() {
   const { data: session, status } = useSession()
-  const params = useParams()
+  const params = useParams() ?? {}
   const router = useRouter()
-  const orgSlug = params.slug as string
+  const orgSlug = (params.slug ?? '') as string
 
   const [analytics, setAnalytics] = useState<AnalyticsData | null>(null)
   const [analyticsLoading, setAnalyticsLoading] = useState(true)

web/src/app/orgs/[slug]/billing/purchase/page.tsx

@@ -24,10 +24,10 @@ import { useOrganizationData } from '@/hooks/use-organization-data'
 
 export default function OrganizationBillingPurchasePage() {
   const { data: session, status } = useSession()
-  const params = useParams()
+  const params = useParams() ?? {}
   const router = useRouter()
-  const searchParams = useSearchParams()
-  const orgSlug = params.slug as string
+  const searchParams = useSearchParams() ?? new URLSearchParams()
+  const orgSlug = (params.slug ?? '') as string
 
   const [purchasing, setPurchasing] = useState(false)
   const [settingUpBilling, setSettingUpBilling] = useState(false)

web/src/app/orgs/[slug]/billing/setup/page.tsx

@@ -26,9 +26,9 @@ interface OrganizationDetails {
 
 export default function BillingSetupPage() {
   const { data: session, status } = useSession()
-  const params = useParams()
+  const params = useParams() ?? {}
   const router = useRouter()
-  const orgSlug = params.slug as string
+  const orgSlug = (params.slug as string) ?? ''
 
   const [settingUp, setSettingUp] = useState(false)
 

web/src/app/orgs/[slug]/page.tsx

@@ -36,10 +36,10 @@ import { useOrganizationData } from '@/hooks/use-organization-data'
 
 export default function OrganizationPage() {
   const { data: session, status } = useSession()
-  const params = useParams()
+  const params = useParams() ?? {}
   const router = useRouter()
-  const searchParams = useSearchParams()
-  const orgSlug = params.slug as string
+  const searchParams = useSearchParams() ?? new URLSearchParams()
+  const orgSlug = (params.slug as string) ?? ''
   const isMobile = useIsMobile()
 
   const [settingUpBilling, setSettingUpBilling] = useState(false)

web/src/app/orgs/[slug]/repositories/page.tsx

@@ -11,9 +11,9 @@ import { useOrganizationData } from '@/hooks/use-organization-data'
 
 export default function RepositoriesPage() {
   const { data: session, status } = useSession()
-  const params = useParams()
+  const params = useParams() ?? {}
   const router = useRouter()
-  const orgSlug = params.slug as string
+  const orgSlug = (params.slug as string) ?? ''
 
   // Use the custom hook for organization data
   const { organization, isLoading, error } = useOrganizationData(orgSlug)

web/src/app/orgs/[slug]/settings/page.tsx

@@ -20,9 +20,9 @@ import type { PublisherProfileResponse } from '@codebuff/common/types/publisher'
 
 export default function OrganizationSettingsPage() {
   const { data: session, status } = useSession()
-  const params = useParams()
+  const params = useParams() ?? {}
   const router = useRouter()
-  const orgSlug = params.slug as string
+  const orgSlug = (params.slug as string) ?? ''
 
   const [updateForm, setUpdateForm] = useState({
     name: '',

web/src/app/orgs/[slug]/team/page.tsx

@@ -11,9 +11,9 @@ import { useOrganizationData } from '@/hooks/use-organization-data'
 
 export default function TeamPage() {
   const { data: session, status } = useSession()
-  const params = useParams()
+  const params = useParams() ?? {}
   const router = useRouter()
-  const orgSlug = params.slug as string
+  const orgSlug = (params.slug as string) ?? ''
 
   // Use the custom hook for organization data
   const { organization, isLoading, error } = useOrganizationData(orgSlug)

web/src/app/orgs/[slug]/usage/page.tsx

@@ -42,9 +42,9 @@ interface UsageData {
 
 export default function UsagePage() {
   const { data: session, status } = useSession()
-  const params = useParams()
+  const params = useParams() ?? {}
   const router = useRouter()
-  const orgSlug = params.slug as string
+  const orgSlug = (params.slug as string) ?? ''
 
   const [usageData, setUsageData] = useState<UsageData | null>(null)
   const [usageLoading, setUsageLoading] = useState(true)