React-Router HOC

withLog.tsx

import * as React from "react";

export function withLog<P>(Comp: React.ComponentClass<P> | React.StatelessComponent<P>): React.ComponentClass<P> {
    return class WrappedComponent extends React.Component<P, {}> {
        public render(): JSX.Element {
            console.log("render");
            return <Comp {...this.props} />;
        }
        public componentDidMount() {
            console.log("componentDidMount");
        }
        public componentWillMount() {
            console.log("componentWillMount");
        }
        public componentDidUpdate() {
            console.log("componentDidUpdate");
        }
    };
}

This is used this way:

<Route path={Routes.ABC} component={withLog(AbcComponent)} />