KeyUp handler using RxJS + React

App.jsx

const store = createStore();

ReactDOM.mount(
  <Provider store={store}>
    <WindowWrapper>
      <GameCanvas />
    </WindowWrapper>
  </Provider>
)

WindowWrapper.jsx

import { keyupAction } from './myactions';

class WindowWrapper extends React.Component {
  componentDidMount() {
    const { store } = this.context;
    this.subscription = Rx.Observable.fromEvent(window, 'keyup')
      .filter(event => /* do your filtering here */ true)
      .subscribe(event => store.dispatch(keyupAction(event)));
  }
  
  componentWillMount() {
    this.subscription.unsubscribe();
  }
  
  render() {
    return React.Children.only(this.props.children);
  }
}

WindowWrapper.contextTypes = {
  store: React.PropTypes.object
}