vue-query hooks can only be used inside setup() function

[khaledOghli]

Hi Guys 👍🏻
How Can I use " useQuery " to get data inside method in setup.!?
`
import useQuery from "~/composables/useFetchQuery";

const getEmittedData = (taskID, toggleInfo) => {
if (toggleInfo) {
const currentHistoryRow = data.value.newHistories.filter((item) => item.taskID === taskID);
currentTaskID.value = taskID;
const { isLoading } = useQuery.fetchQuery(
[historyFeedback-${taskID}],
getHistoryFeedback,
onHistoryFeedbackSuccess,
onHistoryFeedbackError
);
currentHistoryRow['isLoading'] = isLoading;
}
};

`
Uncaught Error: vue-query hooks can only be used inside setup() function.

[DamianOsipiuk]

Use computed value to control when query will run. And set the value from within your callback.
Ex:

const isEnabled = computed(() => Boolean(currentTaskID.value))

const query = useQuery({
  queryKey,
  queryFn,
  // query will start loading when `currentTaskID` is set
  enabled: isEnabled
})

[bennyz327]

I’m having trouble getting the enabled option in useQuery to work. If isEnabled is initially set to false when the component mounts and later switched to true, the queryFn still never runs to fetch data.