How to add TypeScript prop type definitions to an existing React component

react-some-component.d.ts

import * as React from 'react';

declare class SomeReactComponent extends React.Component<SomeReactComponentProps, any> {}

interface SomeReactComponentProps {
  className?: string;
  toggle?: boolean;
  name: string;
  size?: 'lg' | '2x' | '3x' | '4x' | '5x';
}

declare var SomeReactComponentType: typeof SomeReactComponent;
export = SomeReactComponentType;

tank you for this informations, it have helped me a lot,.
I have a component, can I generate this component.d.ts automatically from the component.js?
thank you.

I kept trying to do:

    class Pager extends React.Component<Props, any> {}
    export = Pager;

and hitting:
TS2497: Module 'react-pager' resolves to a non module entity and cannot be imported using this construct.

Until I saw your typeof trick:

    class Pager extends React.Component<Props, any> {}
    let PagerType: typeof Pager;
    export PagerType;

It worked!
THANK YOU!!!

---

Edit:

Since the 3rd party component was using old createClass syntax, I ended up going with:

const Pager:ClassicComponentClass<Props>;
export = Pager;