Simplifify pending, error from a ajax request

useRequest.js

import React, { useState } from 'react';

const useRequest = ({ request }) => {
  const [result, setResult] = useState(null);
  const [error, setError] = useState(null);
  const [isRunning, setIsRunning] = useState(false);

  async function execute(args) {
    setIsRunning(true);
    try {
      const result = await request(args);
      if (result.data) {
        setResult(result.data);  
      } else {
        setResult(result);
      }      
      setError(null);
      setIsRunning(false);
      callback(result);      
    } catch (err) {
      setError(err);
      setIsRunning(false);
      callback(err);
    }
  }

  function reset() {
    setResult(null);
    setError(null);
    setIsRunning(false);
  }

  return {
    execute,
    reset,
    result,
    error,
    isRunning,
  }
}

export default useRequest;