linting fixes

src/app/layout.tsx

@@ -5,7 +5,7 @@ import RecoilRootWrapper from '@app/recoil-root-wrapper';
 import '@fortawesome/fontawesome-svg-core/styles.css';
 // Prevent fontawesome from adding its CSS since we did it manually above:
 import { config } from '@fortawesome/fontawesome-svg-core';
-config.autoAddCss = false; /* eslint-disable import/first */
+config.autoAddCss = false;
 import 'styles/globals.css';
 import Link from 'next/link';
 

src/app/page.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { getAirports, setAirport } from "@/js/state";
+import { setAirport } from "@/js/state";
 import { Airport } from "@/js/airport";
 import Metar from '@/components/Metar';
 
@@ -18,9 +18,6 @@ setAirport('KHWY', new Airport('Warrenton-Fauquier Airport', 'KHWY'))
 setAirport('KRMN', new Airport('Stafford Regional Airport', 'KRMN'))
 setAirport('KEZF', new Airport('Shannon Airport', 'KEZF'))
 setAirport('KDCA', new Airport('Ronald Reagan Washington National Airport', 'KDCA'))
-// setAirport('KMQI', new Airport('Test Airport', 'KMQI'))
-// setAirport('KEKQ', new Airport('Test Airport', 'KEKQ'))
-// setAirport('KCSV', new Airport('Test Airport', 'KCSV'))
 
 export default function Page() {
     

src/components/Metar.tsx

@@ -32,7 +32,7 @@ export default async function Metar() {
     </>
 }
 
-export async function MetarGrid() {
+export function MetarGrid() {
     const airports: Airport[] = getAirports();
 
     return <>

src/components/MetarMap.tsx

@@ -10,7 +10,7 @@ import ReactDOMServer from 'react-dom/server';
 import { MapContainer, Marker, Popup, TileLayer, Tooltip, useMapEvents } from 'react-leaflet';
 
 export default function Map({ airportString }: { airportString: string }) {
-  const [airports, setAirports] = useState(JSON.parse(airportString));
+  const [airports, setAirports] = useState<Airport[]>(JSON.parse(airportString));
 
   useEffect(() => {
   }, []);