React and TypeScript decorator

decorator1.tsx

import * as React from "react";

export function attachModel<T>(Model: { new (): T }) {
	return function<Props, State>(Comp: React.ComponentClass<Props>) {
		const ComponentModel = (Comp as any) as React.ComponentClass;
		return class extends React.Component<Props, State> {
			static displayName = `AttachedModel${ComponentModel.displayName ||
				ComponentModel.name}`;
			render() {
				return <ComponentModel {...this.props} />;
			}
		};
	};
}

interface Props {
	demo: string;
}
@attachModel(ValidatedDataModel)
export class DemoComponent extends React.Component<Props> {
	render() {
		return <div>{this.props.demo}</div>;
	}
}
  
/* 
   <DemoComponent demo="hello" />
*/