Нажатие истории реакции не отображает компонент

Я новичок в react js. Я использую следующий способ для маршрута реакции:

В основном компоненте

render() {

        return (
            <div>
                <BrowserRouter>
                    <div>
                        <Switch>
                            <PrivateRoute exact path = "/" component = { LandingScreen } />
                            <PrivateRoute exact path = "/QuizSetupMain" component = {QuizSetupMain} />
                            <Route exact path = "/login" component = {LoginComponent} />
                        </Switch>
                    </div>
                </BrowserRouter>
            </div>


        )

privateRoute ->

import React from 'react';
import { Route, Redirect, withRouter } from 'react-router';
import { connect } from 'react-redux';
import Loading from '../Loader/Loading';

const PrivateRoute = ({ component: Component, hasUserLogIn, ...rest }) => {
    return <Route
        {...rest}
        render = {
            props => {
                return hasUserLogIn ?
                (
                    isFetching ? <Loading /> :  
                    <Component {...props} />
                )
                :
                (
                    <Redirect
                        to = {{
                            pathname: "/login",
                            state: { from: props.location }
                        }}
                    />
                )
            }
        }
    />
};


function mapStateToProps(state) {
    return {
        hasUserLogIn: state.LoginReducer.hasUserLogIn,
        isFetching: state.LoginReducer.isFetching
    }
}

Здесь после успешного входа в систему,

case LOGIN_SUCCESS:
            console.info("going in LOGIN_SUCCESS");
            return {
                ...state,
                hasUserLogIn: true,
                response: action.data,
                error: false,
                isFetching: true,
                loginRequest: false
            }

это состояние вернется, поэтому, если вы видите, что isFetching - это свойство, которое я использую для privateRoutes.js, то он также не вызывает этот загрузчик.

export default connect(mapStateToProps, null)(PrivateRoute);

Итак, вот что я хочу сделать, это то, что, когда пользователь не вошел в систему, перенаправленный пользователь на страницу входа. после этого он должен быть перенаправлен на домашнюю страницу /. Итак, я делаю это из,

export function sendUserJd(data, dispatch) {
    dispatch(setFlag());
    history.push('/');
    return {
        type: FETCHING_JOBDESCRIPTION_SUCCESS,
        data: data,
    }
}

Итак, но все же, он не отображает целевой экран, а также не переходит на частный маршрут после входа в систему. кто-нибудь может сказать мне, почему это происходит? Спасибо.