useFetch triggered twice and the first request is being cancelled.
I created a custom useFetch and passed a reactive query, however the request is being called twice.
Here is my current implementation:
const get = (options?: OrderDeliveryOptions<ApiResult<OrderDelivery[]>>) => {
const fields = [
'id',
'branch_id',
'description',
'status',
'order_number',
'total_items',
'total_cost',
'date_created',
];
if (options?.withItems) {
fields.push('order_delivery_items.*');
}
return useApi<ApiResult<OrderDelivery[]>, OrderDelivery[]>('/some-api', {
...options,
showError: showError,
query: {
...options?.query,
fields,
sort: ['-date_created'],
},
transform(data: ApiResult<OrderDelivery[]>) {
return data.data.map((order) => ({
...order,
date_created: new Date(order.date_created!),
}));
},
});
};
Here is my current implementation:
const get = (options?: OrderDeliveryOptions<ApiResult<OrderDelivery[]>>) => {
const fields = [
'id',
'branch_id',
'description',
'status',
'order_number',
'total_items',
'total_cost',
'date_created',
];
if (options?.withItems) {
fields.push('order_delivery_items.*');
}
return useApi<ApiResult<OrderDelivery[]>, OrderDelivery[]>('/some-api', {
...options,
showError: showError,
query: {
...options?.query,
fields,
sort: ['-date_created'],
},
transform(data: ApiResult<OrderDelivery[]>) {
return data.data.map((order) => ({
...order,
date_created: new Date(order.date_created!),
}));
},
});
};
