A simple example on how to do react stateless Higher Order Components (HOC) in typescript

example-typescript-react-stateless-hoc.tsx

import * as React from 'react'

import {withInjectedProp, InjectedProps} from './simple-typescript-react-stateless-hoc'

interface Props {
  bar: string
}

export const ComponentWithFoo = withInjectedProp(class extends React.Component<Props & InjectedProps, State> {
  render() {
    const { foo, bar } = this.props
 
    return <div>{foo} {bar}</div>   
  }
})

simple-typescript-react-stateless-hoc.tsx

export interface InjectedProps {
    injected: string
}

type ReactHOCComponent<TProps> = React.ComponentClass<TProps> | React.StatelessComponent<TProps>

export function withInjectedProp<TOriginalProps extends {}>(
    Component: ReactComponent<TOriginalProps & InjectedProps>
): ReactComponent<TOriginalProps> {
    const compWithProps: React.SFC<TOriginalProps> = (props) => (  
      <Component injected={'foo'} {...props} />
    )

    return compWithProps
}