React higher order component for empty component logic

empty-component-hoc.js

//Problem description: I have a lot of small components that render an EmptyCartSection if a certain input prop is empty (different props for different components). The code looks like this:
const TotalMonthly = (({ cartContainsStuff, usefulProps }) => {
    if (!cartContainsStuff) {
        return <EmptyCartSection />;
    }
    return (
           // The actual implementation. Not relevant here.
    );
});


//The if check is pretty repetitative so let's extract it to a higher order component!
const renderEmptyComponentOnEmptyProp = (propName) => (WrappedComponent) => {
    return class extends React.Component {
        render() {
            if (!this.props[propName]) {
                return <EmptyCartSection />;
            }
            return (
                <WrappedComponent
                    {...this.props}
                    />
            );
        }
    };
};

//Now our TotalMonthly component looks like this:
const TotalMonthly = renderEmptyComponentOnEmptyProp("containsMonthlyFees")(({ usefulProps }) => {
    return (
        // The actual implementation. Not relevant here. 
    );
});