Redirect HOC's

loggedInOrRedirectExample.js

const loggedInOrRedirect = (options = {}) => WrappedComponent => {
	class LoggedInOrRedirect extends React.Component {
		static displayName = `LoggedInOrRedirect(${getDisplayName(
			WrappedComponent
		)})`;

		render() {
			const { self, ...passThroughProps } = this.props;
			if (self.id /* or however we check if someone is logged in */) {
				return <Redirect to={options.to} />;
			} else {
				return <WrappedComponent {...passThroughProps} />;
			}

		}
	}

	return connect(state => ({ self: selfSelector }), null)(
		LoggedInOrRedirect
	);
};


// Usage (w/ other HOC's, such as react-redux connect, custom adminOrRedirect, etc)
const enhance = compose(
	loggedInOrRedirect({ to: 'https://www.meetup.com/pro/' }),
	adminOrRedirect({ to: 'https://www.meetup.com/pro/' }),
	connect(...), // <- normal connect mapStateToProps, mapDispatchToProps stuff,
	withIntl(...),
);

export default enhance(MyContainer);