I have observed that my refetchInterval is not working on a component page but works on my hooks.

export function useGetAllTicketsTodayQueryOptions(userId: string | undefined) {
  return queryOptions({
    queryKey: ["list-of-tickets-today"],
    queryFn: () => getAllTodayTickets(),
    select: ({ data }) => {
      console.log(data.tickets);
      return data.tickets;
    },
    enabled: !!userId,
    refetchInterval: 1000,
  });
}

function AdminPage() {
const { user } = useDashboardContext();
  const { data: allTicketsToday, isLoading } = useQuery(useGetAllTicketsTodayQueryOptions(user?.id));

  console.log(allTicketsToday);

return (
    <div></div>
 );
}