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)

  };

}