react-api-block10.js

import React from 'react';

export const App = () => {
  const {
    execute: executeNext00AsyncCall,
  } = executeNext00AsyncCall();
  
  const {
    execute: executeNext01AsyncCall(),
  } = useNext01ApiCall();
  
  const {
    execute: executeNext02AsyncCall(),
  } = useNext02AsyncCall();
  
  const [isSubmitting, setIsSubmitting] = React.useState(false); // or use formik
  
  const handleOnSubmit = async (formValues) => {
    setIsSubmitting(true);
  };
  
  useEffect(() => {
    if (!isSubmitting) {
      return;
    }
    
    try {
      const response00 = await executeNext00AsyncCall(formValues);
      const response01 = await executeNext01AsyncCall(response00);
      const response02 = await executeNext02AsyncCall(response01);
    
      setIsSubmitting(false);
      // response02 = final result response
      // redirect if needed using the response or do anything you want
    } catch () {}
    
  }, [isSubmitting]);
  
  return (
    ...  
  )
};