React HOC that provides Anti-Forgery Token to the React component

AntiForgeryTokenized.tsx

import * as React from 'react'
import { connect } from 'react-redux'

//
// Higher order component (HOC) to provide Anti-Forgery Token
// to a component that needs to send POST request to a back-end
// controller action that has an attribute [ValidateAntiForgeryTokenHeader]
//
export function AntiForgeryTokenized<P extends WithToken>(
  Comp: React.ComponentClass<P> | React.StatelessComponent<P>
): React.ComponentClass<P> {
  class WrappedComponent extends React.Component<
    P & { dispatch?: ({}) => void }
  > {
    public render() {
      return <Comp {...this.props} />
    }
  }

  const mapStateToProps = (state: { settings: AppSettings }, props):P => ({
    ...props,
    token: state.settings.antiForgeryToken
  })

  return connect<P, P, any>(mapStateToProps)(WrappedComponent)
}

export default AntiForgeryTokenized
```

types.ts

export interface WithToken {
  token: string
}

export interface AppSettings {
  antiForgeryToken: string
}

Nice example to explain how to write a HOC in TS 👍