HOC for useAsync

hooks_with_async.js

// ... useAysnc code above

export const withAsync = (fn, ...vargs]) => (Component) => ({ args, ...props }) => {
  // If users override args in props, use those instead of vargs
  const conditionalArgs = args || vargs;

  // merge useAsync props with given props
  const mergeProps = {
    ...props,
    ...useAsync(fn, ...conditionalArgs),
  };

  // inject all mergeProps
  return (
    <Component {...mergeProps} />
  );
};