Root.jsx

import React, {Component} from 'react'
import PropTypes from 'prop-types'
import {Provider} from 'react-redux'
import {ConnectedRouter as Router} from 'react-router-redux'

export default class Root extends Component {
	static propTypes = {
		store: PropTypes.object,
		history: PropTypes.object,
		routes: PropTypes.func
	}

	/**
     * Checks Auth logic. Is user allowed to visit certain path?
     * @param  {String} path next path to visit
     * @return {Boll} is user allowed to visit next location?
     * check RouteAuth component.
     */
	authCheck (path) {
		let {store} = this.props
		let {loggedIn} = store.getState().auth
		let authPath = '/auth'
		let allowedToVisitPath = [authPath]
		if (loggedIn && path === authPath) {
			return false
		} else if (!loggedIn && !allowedToVisitPath.includes(path)) {
			return false
		}
		return true
	}

	render () {
		const {store, history, routes} = this.props
		// key={Math.random()} = hack for HMR from https://github.com/webpack/webpack-dev-server/issues/395
		return (
			<Provider store={store} key={Math.random()}>
				<Router history={history} key={Math.random()}>
					{routes(::this.authCheck)}
				</Router>
			</Provider>
		)
	}
}