A TypeScript connected component

typechecked-connected-component.tsx

import * as React from 'react';
import { connect } from 'react-redux';
import { IAppState } from '../IAppState';
import { doThing } from './reducer'

let mapDispatchToProps = {
  doThing
};

interface IExampleComponentProps {
  exampleIdFromState: string;
}

export interface IExampleComponentOwnProps {
  exampleId: string;
}

type allExampleComponentProps = IExampleComponentProps & IExampleComponentOwnProps & typeof mapDispatchToProps;

class ExampleComponent extends React.Component<allExampleComponentProps, undefined> {
  public render() {
    return (<p>Hi</p>);
  }
}

const mapStateToProps = (state: IAppState, ownProps: IExampleComponentOwnProps): IExampleComponentProps => {
  return {
    exampleIdFromState: state.exampleIdFromState
  };
};

export default connect(mapStateToProps, mapDispatchToProps)(ExampleComponent);