High order component that shows a waiting component meanwhile a promise does not solve

branchWithResolver.js

import React from 'react';

const branchWithResolver = (promise, RightBranch, LeftBranch) => Component =>
  class extends React.Component {
    displayName = `branchWithResolver(${Component.name})`;
    state = { isLoading: true };
    componentDidMount = () =>
      promise.then(() => this.setState({ isLoading: false }));
    render = () =>
      this.state.isLoading ? (
        <RightBranch {...this.props} />
      ) : LeftBranch ? (
        <RightBranch {...this.props} />
      ) : (
        <Component {...this.props} />
      );
  };

export default branchWithResolver

/* Usage
function HeavyScene(){}

export default branchWithResolver(cb => InteractionManager.runAfterInteractions(cb), () => <Loading>)(HeavyScene)
*/