Proyectos de Subversion LeadersLinked - SPA

import { api } from '@api';
import { useApi } from './useApi';
import { useAlert } from './useAlert';
import { useEffect, useRef } from 'react';

const getResources = async (url, params) => {
  return await api.get(url, { params });
};

export function useFetch(url, { params = undefined } = {}) {
  const { showError } = useAlert();
  const { loading, data, error, execute } = useApi(getResources);
  const hasFetched = useRef(false);

  useEffect(() => {
    if (!hasFetched.current) {
      execute(url, params);
      hasFetched.current = true;
    } else if (url || params) {
      // Volver a ejecutar si url o params cambian después de la inicial
      execute(url, params);
    }
  }, [url, params, execute]); // 'execute' también es una dependencia

  useEffect(() => {
    if (error) showError(error);
  }, [error, showError]); // 'showError' también es una dependencia

  return {
    data,
    loading,
    refetch: () => execute(url, params)
  };
}