src/frontend/app/hooks/useArrivals.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

import { useQuery } from "@tanstack/react-query";
import { fetchArrivals } from "../api/arrivals";

export const useStopArrivals = (
  stopId: string,
  reduced: boolean = false,
  enabled: boolean = true
) => {
  return useQuery({
    queryKey: ["arrivals", stopId, reduced],
    queryFn: () => fetchArrivals(stopId, reduced),
    enabled: !!stopId && enabled,
    refetchInterval: 30000, // Refresh every 30 seconds
    retry: false, // Disable retries to see errors immediately
  });
};