Flow throws error for rendering Component passed from a prop

ProtectedRoute.js

// @flow

import React, { Component } from "react";
import { Redirect, Route } from "react-router-dom";
import CookieStorage from "./../services/CookieStorage";
import type { Component as ComponentType } from "react";

type Props = {
	component: ComponentType<any, any>
}

class ProtectedRoute extends Component<Props> {
	render() {
		const isAuthenticated     = this.isAuthenticated();
		const {...props}          = this.props;
		const AuthorizedComponent = this.props.component;

		return (
			<Route
				{...props}
				render={props => (
					isAuthenticated ?
						<AuthorizedComponent {...props} /> :
						<Redirect to="/"/>
				)}
			/>
		);
	}

	isAuthenticated(): boolean {
		const data = CookieStorage.get("foobar");

		return data !== null;
	}
}

export default ProtectedRoute;

Flow throws:

Error:(23, 8) Cannot create `AuthorizedComponent` element because `React.Component` [1] is not a React component.