...
import { QueryFunctionContext, useQuery } from "@tanstack/react-query";
export default function useGetIndividuals(collectionUrl: string) {
const [errorMsg, setErrorMsg] = useState<string>("");
const queryKey: [string, string] = ["individualsFor", collectionUrl];
const { isLoading, isError, data } = useQuery({
queryKey: queryKey,
queryFn: async (context: QueryFunctionContext<[string, string]>) => {
const [, collectionUrl] = context.queryKey;
try {
const response = await axios.get(
"/api/collection/" + collectionUrl + "/individuals"
);
return response?.data?.individuals || [];
} catch (e: any) {
...
setErrorMsg(e.message);
}
},
});
return { isLoading, isError, data, errorMsg };
}
...
import { QueryFunctionContext, useQuery } from "@tanstack/react-query";
export default function useGetIndividuals(collectionUrl: string) {
const [errorMsg, setErrorMsg] = useState<string>("");
const queryKey: [string, string] = ["individualsFor", collectionUrl];
const { isLoading, isError, data } = useQuery({
queryKey: queryKey,
queryFn: async (context: QueryFunctionContext<[string, string]>) => {
const [, collectionUrl] = context.queryKey;
try {
const response = await axios.get(
"/api/collection/" + collectionUrl + "/individuals"
);
return response?.data?.individuals || [];
} catch (e: any) {
...
setErrorMsg(e.message);
}
},
});
return { isLoading, isError, data, errorMsg };
}