app\static\js\AppRouter(3).jsx

import React, { Component } from "react";
import { HashRouter, Route, Switch } from 'react-router-dom';
import { connect } from 'react-redux';
import agent from './agent'
import store from './store'
import { push } from 'react-router-redux'


import Header from './components/Header'
import Register from './components/auth/Register.jsx'

const mapStateToProps = state => {
    return {
    appName: state.common.appName,
    currentUser: state.common.currentUser,
    redirectTo: state.common.redirectTo
}};

const mapDispatchToProps = dispatch => ({
    onLoad: (payload, user) =>
        dispatch({ type: 'APP_LOAD', payload, user}),
    onRedirect: () =>
        dispatch({ type: 'REDIRECT'})
});


class AppRouter extends Component {

    componentWillReceiveProps(nextProps) {
        if (nextProps.redirectTo) {
            store.dispatch(push(nextProps.redirectTo));
            this.props.onRedirect();
        }
    }

    componentDidMount() {
        const user = window.localStorage.getItem('currentUser');
        this.props.onLoad(user ? agent.Auth.current() : null, user)
    }


    render() {
        return (
            <HashRouter>
                <div className="app">
                    <Header
                        currentUser={this.props.currentUser}
                        appName={this.props.appName}/>
                    <Switch>
                        <Route path="/register" component={Register} />
                    </Switch>
                </div>
            </HashRouter>
        )
    }
}

export default connect(mapStateToProps, mapDispatchToProps)(AppRouter);