useApi.js

import { useState } from 'react';
import api from '../api';

function useApi() {
  const requests = {};
  const proxy = new Proxy({}, {
    get: (target, prop) => {
      if (Object.prototype.hasOwnProperty.call(target, prop)) return target[prop];

      return async () => {
        const response = await api[prop]();
        requests[prop](response);
      }
    }
  });

  const useRequest = function (method) {
    const [state, setState] = useState();
    requests[method] = setState;

    return [
      state,
    ]
  };
  proxy.useRequest = useRequest;

  return proxy;
}

export default useApi;