ReduxComponent.tsx

import * as React from 'react'



// typeTools.ts
// https://stackoverflow.com/a/46944148
interface Func<T> {
  ([...args]: any, args2?: any): T // tslint:disable-line
}
export function returnType<T>(func: Func<T>): T {
  return (false as any) as T
}
// end typeTools.ts


interface ExposedProps { // props that you pass in from the parent component
  someExposedProp: SomeOtherType,
}

const mapStateToProps = (state: State): ReduxStates => {
  return {someState: someStateSelector(state)}
}

const mapDispatchToProps = { // short-hand dispatch syntax ftw
  someDispatcher,
}
const mapStateToPropsTypeMaker = returnType(mapStateToProps)
type ReduxStates = typeof mapStateToPropsTypeMaker

type Props = ExposedProps & typeof mapDispatchToProps & ReduxStates

class ConnectedComponentBase extends React.Component<Props> {}

export const ConnectedComponent = connect(mapStateToProps, mapDispatchToProps)(ConnectedComponentBase) as any as React.ComponentClass<ExposedProps> // any is required to silence all complaints about incompatible types. It makes sense, ConnectedComponentBase might contain props that exceeds what's available for ExposedProps.

Would be great to have a detailed blog post about this.