Fetch Data on mount

getDataOnMount.ts

import {useEffect, useState} from 'react';
import AxiosConfig from '../services/axiosConfig'; // use your axios config

export function getDataOnMount<T>(endpoint: string, dependency: any[]) {
  const [loading, setLoading] = useState(true);
  const api = new AxiosConfig();
  const [data, setData] = useState<T>();
  const [errorMsg,setErr] = useState("")
  useEffect(() => {
    const getData = () => {
      api
        .getRequest(endpoint)
        .then(res => {
          setData(res.data);
          setLoading(false);
        })
        .catch(error => {
          console.log('get error');
          setLoading(false);
          setErr("some error message")
        });
    };
    getData();
  }, [...dependency]);

  return {loading, data};
}