multiple react component decorators in typescript

Component.tsx

import * as React from 'react';
import { withRouter } from 'react-router-dom';
import { RouteComponentProps, Form } from 'antd';

import compose from './compose';

interface DecoratorProps {
  id: number;
}

type OwnProps = RouteComponentProps;

const finalDecorator = compose<DecoratorProps>(
  withRouter,
  Form.create(),
);

class ApplyForm extends React.Component<OwnProps> {
  render() {}
}

export default finalDecorator(ApplyForm);

compose.ts

import * as React from 'react';                                                                                                                                                                                                     

// React Component         
type RC<P> = React.SFC<P> | React.ComponentClass<P>;

// High order Component    
type HOC<P> = (C: RC<P>) => RC<P>;

// Compose multiple hocs into single hoc
export default function compose<P>(...hocs: Array<HOC<any>>): HOC<P> {
  return (C: RC<P>) => hocs.reduce((component, hoc) => hoc(component), C);
}