React Promise Component

A component which enables a function body to be invoked only once the provided promise resolves.

let promise = fetchUserFromStoreOrServer();

<PromiseComponent promise={promise}>
  {
    (error, userData) => {
      if(error) return <p className="error">{error.message}</p>;

      return (
        <UserProfile {...userData} />
      );
    }
  }
</PromiseComponent>