useApi

useApi.js

import axios from 'axios';
import {useCallback, useEffect, useState} from 'react';


const useApi = (url, method, data = {}, options = {}) => {
  const [response, setResponse] = useState(null);
  const [loading, setLoading] = useState(true);

  const fetch = useCallback(async () => {
    const req = await axios({url, method, data, ...options});

    try {
      if (req.status < 200 || req.status > 200) {
        //Show some errors in someway
      } else {
        setResponse(req.data);
      }
      setLoading(false);
    } catch (error) {
      //Show some errors in someway

      setLoading(false);
    }
  });

  useEffect(() => {
    fetch();
  }, []);

  return [response, loading];
};

export default useApi;