Example to use "recompose" module in TypeScript

App.tsx

import * as React from 'react'
import { withStateHandlers, StateHandler, StateHandlerMap, StateUpdaters } from 'recompose'

type OuterProps = {}

interface AppState {
  userName: string
}

interface AppStateHanlderMap extends StateHandlerMap<AppState> {
  setUserName: StateHandler<AppState>,
}

const stateHandlers: StateUpdaters<OuterProps, AppState, AppStateHanlderMap> = {
  setUserName: () => (userName) => ({ userName }),
}

const enhance = withStateHandlers(
  {
    userName: 'John',
  },
  stateHandlers,
)

type Props = OuterProps & AppState & AppStateHanlderMap

class App extends React.Component<Props, {}> {
  render () {
    const {
      userName,
      setUserName,
    } = this.props
    return (
      <div>
        Hello {userName}
        <div>
          <button onClick={() => setUserName('Jimmy')} >CHANGE NAME</button>
        </div>
      </div>
    )
  }
}

export default enhance(App)