How to perform enabled on useQueries

Hi, I'm receiving a response body and I want to run a series of queries on that request body using useQueries. However, I can't seem to find a way to only run useQueries when the response is not undefined.

const vehicleQueries = useQueries({
    queries:
      userBookings.data.bookings?.map((item) => {
        return {
          queryKey: ["vehicle", item.vehicle_id, item.hotel_id],
          queryFn: () => fetchVehicle(item.vehicle_id, item.hotel_id),
          enabled: !!userBookings.data
        };
      }) ?? []
  });

const vehicleQueries = useQueries({
    queries:
      userBookings.data.bookings?.map((item) => {
        return {
          queryKey: ["vehicle", item.vehicle_id, item.hotel_id],
          queryFn: () => fetchVehicle(item.vehicle_id, item.hotel_id),
          enabled: !!userBookings.data
        };
      }) ?? []
  });

Current error. userBookings.data.bookings is undefined

TanStack•4y ago•

1 reply

urgent-maroon

How to perform enabled on useQueries

const vehicleQueries = useQueries({
    queries:
      userBookings.data.bookings?.map((item) => {
        return {
          queryKey: ["vehicle", item.vehicle_id, item.hotel_id],
          queryFn: () => fetchVehicle(item.vehicle_id, item.hotel_id),
          enabled: !!userBookings.data
        };
      }) ?? []
  });

const vehicleQueries = useQueries({
    queries:
      userBookings.data.bookings?.map((item) => {
        return {
          queryKey: ["vehicle", item.vehicle_id, item.hotel_id],
          queryFn: () => fetchVehicle(item.vehicle_id, item.hotel_id),
          enabled: !!userBookings.data
        };
      }) ?? []
  });

Current error. userBookings.data.bookings is undefined

How to perform enabled on useQueries

Similar Threads

How to perform enabled on useQueries

Similar Threads

Similar Threads

Similar Threads