Example of how to render the result of a resolved promise in react

async-fragment.jsx

import PropTypes from 'prop-types';
import React, { Component, Fragment } from 'react';

class AsyncFragment extends Component {
  constructor(props) {
    super(props);

    this.state = {
      value: null,
    };

    Promise.resolve(props.value)
      .then((value) => {
        this.setState({ value });
      });
  }

  render() {
    return <Fragment>{this.state.value}</Fragment>;
  }
}

AsyncFragment.propTypes = {
  value: PropTypes.object,
};

export default AsyncFragment;