diff --git a/components/ui/SpotifyPlayer.tsx b/components/ui/SpotifyPlayer.tsx index dd44b39..a154e84 100644 --- a/components/ui/SpotifyPlayer.tsx +++ b/components/ui/SpotifyPlayer.tsx @@ -101,8 +101,14 @@ function AnimatedBars() { ) } +type PlayerStateResponse = { + data: Song + error: string + isLoading: boolean +} + function usePlayerState(path: string) { - const {data, error, isLoading} = useSWR(`/api/spotify/${path}`, fetcher) + const {data, error, isLoading} = useSWR(`/api/spotify/${path}`, fetcher) as PlayerStateResponse return { song: data, diff --git a/pages/dashboard.tsx b/pages/dashboard.tsx index e4aec2f..5ac11dc 100644 --- a/pages/dashboard.tsx +++ b/pages/dashboard.tsx @@ -15,11 +15,11 @@ const config = { } export default function Dashboard({metrics}: { metrics: MetricGroup }) { - const {data: tempData} = useSWR('api/grafana/temp', fetcher, config) - const {data: sysLoadData} = useSWR('api/grafana/sysload', fetcher, config) - const {data: ramData} = useSWR('api/grafana/ram', fetcher, config) - const {data: rootFsData} = useSWR('api/grafana/rootfs', fetcher, config) - const {data: uptimeData} = useSWR('api/grafana/uptime', fetcher, config) + const tempData = (useSWR('api/grafana/temp', fetcher, config)).data as { temp: string } + const sysLoadData = (useSWR('api/grafana/sysload', fetcher, config)).data as { sysLoad: string } + const ramData = (useSWR('api/grafana/ram', fetcher, config)).data as { ramUsage: string } + const rootFsData = (useSWR('api/grafana/rootfs', fetcher, config)).data as { rootFsUsage: string } + const uptimeData = (useSWR('api/grafana/uptime', fetcher, config)).data as { days: number } return ( <>