Fix

src/app/groups/[groupId]/balances/balances-and-reimbursements.tsx

@@ -2,6 +2,7 @@
 
 import { BalancesList } from '@/app/groups/[groupId]/balances-list'
 import { ReimbursementList } from '@/app/groups/[groupId]/reimbursement-list'
+import { TrackPage } from '@/components/track-page'
 import {
   Card,
   CardContent,
@@ -35,6 +36,7 @@ export default function BalancesAndReimbursements() {
 
   return (
     <>
+      <TrackPage path={`/groups/${groupId}/balances`} />
       <Card className="mb-4">
         <CardHeader>
           <CardTitle>{t('title')}</CardTitle>

src/app/groups/[groupId]/balances/page.tsx

@@ -1,19 +1,10 @@
 import BalancesAndReimbursements from '@/app/groups/[groupId]/balances/balances-and-reimbursements'
-import { TrackPage } from '@/components/track-page'
 import { Metadata } from 'next'
-import { useCurrentGroup } from '../current-group-context'
 
 export const metadata: Metadata = {
   title: 'Balances',
 }
 
 export default async function GroupPage() {
-  const { groupId } = useCurrentGroup()
-
-  return (
-    <>
-      <TrackPage path={`/groups/${groupId}/balances`} />
-      <BalancesAndReimbursements />
-    </>
-  )
+  return <BalancesAndReimbursements />
 }

src/app/groups/[groupId]/expenses/create-from-receipt-button.tsx

@@ -74,7 +74,7 @@ export function CreateFromReceiptButton() {
 }
 
 function ReceiptDialogContent() {
-  const { group } = useCurrentGroup()
+  const { group, groupId } = useCurrentGroup()
   const { data: categoriesData } = trpc.categories.list.useQuery()
   const categories = categoriesData?.categories