Objects are not valid as a React child

[joetidee]

I am getting the following error on the browser console, using react-promise v3.0.2:

Uncaught Invariant Violation: Objects are not valid as a React child (found: object with keys {loading, error, value}). If you meant to render a collection of children, use an array instead.

Code is:

...
import Async from 'react-promise';

const CheckoutLayout = (props) => {
  
    function getCheckoutBasket() {
        return props.actions.fetchBasket()
    }

    return <Async promise={getCheckoutBasket()} then={result => <Fragment>hello</Fragment>} />;
};