higher order function for react that auto-unsubscribes from RxJS Observables on componentWillUnmount

unsbscribe.js

import React, {Component} from 'react'
import forEach from 'lodash/forEach'

export default () => ComposedComponent => class extends Component {
  subscriptions = {}
  componentWillUnmount() {
    forEach(this.subscriptions, subscription => {
      subscription.unsubscribe()
    })
  }
  render() {
    return <ComposedComponent {...this.props} {...this.state} subscriptions={this.subscriptions} />
  }
}

// note that component will receive object of subscriptions to which you add your subscriptions. e.g.
// this.props.subscriptions.click = Rx.Observable.fromEvent(document, 'click')