Function that receive our usual action, which return with { data, error }, and adjust it to throw when the `error` is not null. This is to comply with react-query's error handling.

wrapApiCall.ts

export function wrapApiCall<
  T extends (...args: any[]) => Promise<{ data: any; error: any }>,
>(
  apiCall: T,
): (
  ...args: Parameters<T>
) => Promise<
  ReturnType<T> extends Promise<{ data: infer TData; error: infer TError }>
    ? TData
    : never
> {
  return async (...args: Parameters<T>) => {
    const response = await apiCall(...args);
    if (response.error) {
      throw response.error;
    }
    return response.data
  };
}