fixing typescript errors

app/api/locations/by-id/route.ts

@@ -1,9 +1,8 @@
 import { fetchLocationById } from '@/app/lib/actions/locationActions';
-import type { NextApiRequest } from 'next'
 import { NextResponse } from 'next/server';
  
 export const GET = async (
-  req: NextApiRequest,
+  req: Request,
 ) => {
   const url = new URL(req.url as string);
   const locationId = url.searchParams.get('id');

app/api/locations/in-year/route.ts

@@ -1,9 +1,8 @@
 import { fetchAllLocations } from '@/app/lib/actions/locationActions';
-import type { NextApiRequest } from 'next'
 import { NextResponse } from 'next/server';
  
 export const GET = async (
-  req: NextApiRequest,
+  req: Request,
 ) => {
   // get year from query params
   const url = new URL(req.url as string);

app/location/[id]/add/LocationAddPage.tsx

@@ -3,6 +3,6 @@
 import { LocationEditForm } from '@/app/ui/LocationEditForm';
 import { YearMonth } from '@/app/lib/db-types';
 
-export default async function LocationAddPage({ yearMonth }: { yearMonth:YearMonth }) {
+export default function LocationAddPage({ yearMonth }: { yearMonth:YearMonth }) {
     return (<LocationEditForm yearMonth={yearMonth} />);
 }

app/ui/MonthCard.tsx

@@ -27,7 +27,7 @@ export const MonthCard:FC<MonthCardProps> = ({ yearMonth, children, monthlyExpen
       // if the element i selected > scroll it into view
       elRef.current.scrollIntoView({ behavior: 'smooth', block: 'center' });
     }
-  }, []);
+  }, [expanded]);
 
   return(
     <div className="collapse collapse-plus bg-base-200 my-1" ref={elRef}>