React component that only provides lifecycle events

example.js

import React from 'react';
import { connect } from 'react-redux';
import { browserHistory } from 'react-router';
import makeLifecyleComponent from './lifecycle-only';

const redirectToRoot = (props) => {
  if (!props.isLoggedIn) {
    browserHistory.push('/');
  }
};

export const RedirectToLoginWhereNoToken = connect((state) => ({
  isLoggedIn: !!state.auth.token,
}))(makeLifecyleComponent('RedirectToLoginWhereNoToken', { componentDidMount: redirectToRoot }));

lifecycle-only.js

import React from 'react';

export default (name, lifecycleEvents) => React.createClass({
  displayName: name,
  render() {
    return null;
  },
  componentDidMount() {
    return lifecycleEvents.componentDidMount(this.props);
  },
});