chore: JSDoc overload example

src/renderer/hooks/useMapServerQuery.js

@@ -6,17 +6,26 @@ import { useQuery } from '@tanstack/react-query'
 // global port number
 const MAP_SERVER_URL = 'http://127.0.0.1:' + window.mapServerPort
 
+/** @typedef {import('@mapeo/map-server/dist/lib/stylejson').StyleJSON } StyleJSON */
+/** @typedef {import('@mapeo/map-server/dist/lib/tilejson').TileJSON } TileJSON */
+/** @typedef {ReturnType<import('@mapeo/map-server/dist/api/styles').StylesApi["listStyles"]>} MapServerStyleInfo */
 /**
- * @param {'/styles' | `/styles/${string}` | '/tilesets' | `/tilesets/${string}`} resourcePath URL path to resource on Map Server (needs to start with `/`)
+ * @template TData
+ * @typedef {import('@tanstack/react-query').UseQueryResult<TData>} UseQueryResult<TData>
+ */
+
+/**
+ * @type {{
+ * (resourcePath: '/styles') => UseQueryResult<MapServerStyleInfo>
+ * (resourcePath: `/styles/${string}`) => UseQueryResult<StyleJSON>
+ * }}
  */
 export function useMapServerQuery (resourcePath) {
   return useQuery({
     queryKey: [resourcePath],
     queryFn: () => ky.get(MAP_SERVER_URL + resourcePath).json()
   })
 }
-
-/**
- * @type {import('@tanstack/react-query').UseQueryResult<ReturnType<import('@mapeo/map-server/dist/api/styles').StylesApi["listStyles"]>>}
- */
-const { data } = useMapServerQuery('/styles')
+;(async () => {
+  const { data } = await useMapServerQuery('/styles')
+})()