useLazyRest.js

import { useState } from 'react';
import axios from 'axios';

const api = axios.create({
  baseURL: '/api'
});

const initialState = { pending: true, error: null, data: null };

export default function useLazyRest(options = {}) {
  const [state, setState] = useState(initialState);

  async function call(newOptions) {
    setState({ pending: true, error: null, data: null });

    try {
      const response = await api.request({
        ...options,
        ...newOptions
      });
      setState({ pending: false, error: null, data: response.data });
    } catch(err) {
      setState({ pending: false, error: err, data: null });
    }
  }

  return [call, state];
}