import { useState, useEffect } from 'react';

import useApi from './useApi';

export default path => {
  const api = useApi();
  const [loading, setLoading] = useState(true);
  const [data, setData] = useState();
  const [refetch, setRefetch] = useState(0);
  useEffect(() => {
    const getData = async () => {
      setLoading(true);
      const result = await api.get(path);
      setData(result.data);
      setLoading(false);
    };
    
    getData();
  }, [path, api, refetch]);
  return { data, loading, refetch: () => setRefetch(refetch + 1) };
};