turash/bugulma/frontend/hooks/useDataFetch.ts

import { useQuery, UseQueryOptions } from '@tanstack/react-query';

/**
 * Wrapper around React Query useQuery with consistent error handling
 */
export function useDataFetch<TData = unknown, TError = unknown>(
  options: UseQueryOptions<TData, TError> & {
    errorMessage?: string;
  }
) {
  const { errorMessage, ...queryOptions } = options;

  const query = useQuery(queryOptions);

  // Transform error for consistent handling
  const error = query.error ? {
    message: errorMessage || (query.error instanceof Error ? query.error.message : 'An error occurred'),
    originalError: query.error,
  } : null;

  return {
    ...query,
    error,
  };
}