Restrict authenticated routes on React with Typescript

AuthorizedRouteHOC.tsx

import { Route } from 'react-router-dom';
import { connect } from 'react-redux';
import { IAppState } from '../reducers/index';
import { RouteProps } from 'react-router';
import history from '../config/history';

interface Props extends RouteProps {
  authenticated: string | null;
}

class AuthorizedRouteHOC extends Route<Props> {
  componentDidMount() {
    if (!this.props.authenticated) {
      history.push('/login');
    }
  }
}

function mapStateToProps(state: IAppState) {
  return {
    authenticated: state.auth.authenticated,
  }
}

export default connect(mapStateToProps)(AuthorizedRouteHOC);