useQuery function stuck on pending status randomly

const selectedTicker = searchParams.get("selected") || "BTCUSD";
const { data: stockData, isPending: stockDataLoading, status, fetchStatus } = useQuery({
    queryKey: ["stockData", selectedTicker],
    queryFn: async () => {
      console.log("Starting fetch for ticker:", selectedTicker);
      const result = await getHistoricalData(selectedTicker);
      console.log("Fetch result:", result);
      return result;
    },
    staleTime: 120 * 1000,
    onError: (error) => console.error('Query error:', error),
    enabled: !!selectedTicker,
  });

export async function getHistoricalData(ticker) {
    const data = await api.get(
      `/stock/historical_data/${ticker}`
    );
    return data.data;
  }