async-hook.ts

import {useState, useEffect} from 'react';
import axios, {AxiosError, AxiosRequestConfig} from 'axios';
import Config from 'react-native-config'; //lib used for env vars

//set the base url for axios
axios.defaults.baseURL = Config.API_URL;

const useRemoteData = <T>({url, method, headers, data}: AxiosRequestConfig) => {
  const [response, setResponse] = useState<T>();
  const [error, setError] = useState<AxiosError>();
  const [isLoading, setIsLoading] = useState(true);

  useEffect(() => {
    axios
      .request({url, method, headers, data})
      .then(res => {
        setResponse(res.data.data);
      })
      .catch(err => {
        setError(err);
      })
      .finally(() => {
        setIsLoading(false);
      });
  }, [url, method, headers, data]);

  return {response, error, isLoading};
};

export default useRemoteData;