React HOC 컴포넌트

reactHoc.js

const Foo = ({ result }) => <ResultComponent result={result} />;
const withRequest = BaseComponent => ({ bar, ...props }) => {
  const { result, loading, error } = useRequest(bar);
  return (
    <BaseComponent {...props} result={result} loading={loading} error={error} />
  );
};
const withError = branch(({ error }) => error, ErrorComponent);
const withLoading = branch(({ loading }) => loading, LoadingComponent);
export default compose(
  withRequest, 
  withLoading,
  withError
)(Foo);

// https://medium.com/@albertchu539/higher-order-components-in-a-react-hooks-world-69fe1f0b0791