fix: lint issues

Author: professoralex13

examples/playground/global.d.ts

@@ -1,6 +1,7 @@
 import clsx from "clsx"
 
 interface Props {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   content: any
   onClick?: () => void
 }

examples/playground/src/components/JsonView.tsx

@@ -107,7 +107,7 @@ const AmdbManager = memo(() => {
     layers.current
       .sort((a, b) => layerOrder[b.layerName] - layerOrder[a.layerName])
       .forEach(({ layer }) => layer.bringToFront())
-  }, [data])
+  }, [data, map])
 
   return null
 })

examples/playground/src/components/map/amdb.tsx

@@ -8,7 +8,6 @@ import { useRecoilState, useRecoilValue } from "recoil"
 import { appState } from "../../state/app"
 import { userState } from "../../state/user"
 import "leaflet/dist/leaflet.css"
-import { getAmdbAPI } from "@navigraph/amdb"
 import { calculateChartBounds, getChartsAPI } from "@navigraph/charts"
 import { useQuery } from "@tanstack/react-query"
 import { TbCircleX } from "react-icons/tb"
@@ -61,7 +60,7 @@ const ChartOverlay = ({ charts }: { charts: ReturnType<typeof getChartsAPI> }) =
     if (bounds) {
       map.flyToBounds(bounds)
     }
-  }, [bounds])
+  }, [bounds, map])
 
   const { data: urls } = useQuery({
     queryKey: ["chart-overlay-urls", chart],
@@ -95,12 +94,14 @@ function NavigraphTiles({ auth }: { auth: NavigraphAuth }) {
   const ngLayer = useRef(new NavigraphTileLayer(auth, preset))
 
   useEffect(() => {
-    ngLayer.current.addTo(map)
+    const layer = ngLayer.current
+
+    layer.addTo(map)
 
     return () => {
-      ngLayer.current.removeFrom(map)
+      layer.removeFrom(map)
     }
-  }, [])
+  }, [map])
 
   useEffect(() => {
     ngLayer.current.setPreset(preset)

examples/playground/src/components/map/index.tsx

@@ -15,7 +15,7 @@ interface PropsStruct {
   [Scope.FMSDATA]: ReturnType<typeof getPackagesAPI>
 }
 
-export function protectedPage<P extends {}, S extends Scope[]>(
+export function protectedPage<P extends object, S extends Scope[]>(
   Component: (
     props: P & { auth: NavigraphAuth; user: User } & Pick<PropsStruct, Extract<S[number], keyof PropsStruct>>,
   ) => ReactNode,
@@ -44,6 +44,7 @@ export function protectedPage<P extends {}, S extends Scope[]>(
         amdb={amdb}
         charts={charts}
         fmsdata={fmsdata}
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         {...(props as unknown as any)}
       />
     )

examples/playground/src/components/protectedPage.tsx

@@ -19,5 +19,5 @@ export default function useAppConfigLoader() {
     initializeApp(config)
 
     setApp({ config, auth: getAuth() })
-  }, [])
+  }, [app, setApp])
 }

examples/playground/src/hooks/useAppConfigLoader.ts

@@ -12,5 +12,5 @@ export default function useUserUpdater() {
     const unsubscribe = app?.auth.onAuthStateChanged(u => setUser(u))
 
     return () => unsubscribe?.()
-  }, [app?.auth])
+  }, [app?.auth, setUser])
 }

examples/playground/src/hooks/useUserUpdater.ts

@@ -33,7 +33,7 @@ function AmdbPage({ amdb }: { amdb: ReturnType<typeof getAmdbAPI> }) {
     if (airport) {
       setMapCenter({ latLng: new LatLng(airport?.coordinates.lat, airport?.coordinates.lon), options: { zoom: 12 } })
     }
-  }, [airport])
+  }, [airport, setMapCenter])
 
   if (isLoading) {
     return <SpinningCircles />

examples/playground/src/pages/Amdb.tsx

@@ -29,10 +29,10 @@ export default function App() {
     }
   }, [config])
 
-  const editConfig = useCallback(() => {
+  const editConfig = useCallback(async () => {
     if (!window.confirm("This will Sign Out any current logins")) return
 
-    auth?.signOut()
+    await auth?.signOut()
 
     localStorage.removeItem("NG_CONFIG")
 
@@ -56,7 +56,7 @@ export default function App() {
     setApp({ config, auth: getAuth() })
 
     setEditUnlocked(false)
-  }, [clientId, clientSecret, scopes])
+  }, [clientId, clientSecret, scopes, domain, setApp])
 
   return (
     <div className="page-container flex flex-col items-center gap-3">
@@ -92,10 +92,11 @@ export default function App() {
               value={scope}
               checked={scopes?.includes(scope)}
               onChange={e => {
-                if (scopes?.includes(e.target.value as Scope)) {
-                  setScopes(scopes.filter(scope => scope !== e.target.value))
+                const value = e.target.value as Scope
+                if (scopes?.includes(value)) {
+                  setScopes(scopes.filter(scope => scope !== value))
                 } else {
-                  setScopes([e.target.value as Scope, ...scopes])
+                  setScopes([value, ...scopes])
                 }
               }}
             />

examples/playground/src/pages/App.tsx

@@ -22,9 +22,13 @@ export default function Auth() {
         setParams(params)
         setError(null)
       })
-      .catch(err => setError(err))
+      .catch(err => {
+        if (err instanceof Error) {
+          setError(err)
+        }
+      })
       .finally(() => setParams(null))
-  }, [app?.auth])
+  }, [app?.auth, setParams])
 
   if (!app) redirect("/")