Submit Form Hook

submitForm.ts

import {useState} from 'react';
import AxiosConfig from '../services/axiosConfig'; //use own axios component
export type SubmitFunctionReturn = {
  isSuccess: boolean;
  data?: any | null;
  error?: string | null;
};
export const submitFormHook = () => {
  const [loading, setLoading] = useState(false);
  const api = new AxiosConfig();
  const submit = async (
    endpoint: string,
    data: any,
  ): Promise<SubmitFunctionReturn> => {
    setLoading(true);
    let returnData = {isSuccess: true, data: null, error: null};
    await api
      .postRequest(endpoint, data)
      .then(res => {
        setLoading(false);
        returnData = {...returnData, data: res.data};
      })
      .catch(error => {
        console.log('error', error);
        setLoading(false);
        returnData = {...returnData, isSuccess: false, error: error.message};
      });
    return returnData;
  };

  return {
    loading,
    submit,
  };
};

const {loading,submit} = submitFormHook()

submit(**yourEndPoint**,**yourData**)