ES6 class decoration - aka Higher-Order Components

es6_class_decoration.js

import React from 'react';

class MyComponent extends React.Component {
	componentDidMount() {
		console.log('MyComponent did mount - do specific stuff');
	}
	render() {
		return (<div>MyComponent</div>);
	}
}

let Decorator = ComposedComponent => {
	return class extends ComposedComponent { // instead of class extends React.Component
		componentDidMount() {
			super.componentDidMount(); // allow ComposedComponent perform its stuff
			console.log('Decorator did mount - do decorator stuff');
		}
	}
}

// decorate MyComponent with Decorator
MyComponent = Decorator(MyComponent);

let myComponent = new MyComponent();
myComponent.componentDidMount(); // simulate React lifecycle

// prints:
// MyComponent did mount - do specific stuff
// Decorator did mount - do decorator stuff

Seems really a nice an elegant way.

Any known downsides from using decorators with React.js?