Get the prop types of a react component class, functional component or string corresponding to HTML tag name

propTypes.ts

import * as React from "react";

/**
 * Given a JSX.IntrinsicElement[...], get its attributes
 */
type Attributes<E> = E extends React.DetailedHTMLProps<infer Attr, any>
  ? Attr
  : never;

/**
 * Given a react component class, functional component or string that may be an
 * HTML tag return its prop types
 */
type PropTypes<C> = C extends React.ComponentType<infer Props>
  ? Props
  : C extends keyof JSX.IntrinsicElements
    ? Attributes<JSX.IntrinsicElements[C]>
    : never;

class Point extends React.Component<{ x: number; y: number }> {}
type PointProps = PropTypes<typeof Point>;
// { x: number; y: number }

const Animal: React.SFC<{ species: string }> = props => (
  <div>{props.species}</div>
);
type AnimalProps = PropTypes<typeof Animal>
// { species: string }

type InputProps = PropTypes<'input'>
// React.InputHTMLAttributes<HTMLInputElement>