React Redux ne fonctionne pas comme prévu avec Next.js et NodeJS

Je travaille sur une application utilisant Next.js avec redux en suivant cet exemple et voici une partie de store.js

function mapStateToProps (state) {
    const { user } = state
    return { user }
}

export default connect(mapStateToProps)(Header)

et du côté client tel que header code >

// REDUCERS
const authReducer = (state = null, action) => {
    switch (action.type){
        case actionTypes.FETCH_USER:
            return action.payload || false;
        default:
            return state;
    }
}

export const rootReducer = combineReducers({
    user: authReducer,
    form: reduxForm,
});

// ACTIONS
export const fetchUser = () => {
    return (dispatch) => {
        axios.get('/api/current_user')
            .then(res => dispatch({
                type: actionTypes.FETCH_USER, 
                payload: res.data
            }));
    };
};

export const submitLogin = (values) => async dispacth => {
    const res = await axios.post('/api/login', values);

    // Router.push('/');
    // console.log(res)

    dispacth({ type: actionTypes.SUBMIT_LOGIN, payload: res.data });
};

et quand je console.log ('########### =>', this.props.user); les accessoires et je ne suis pas connecté alors il affiche null mais affiche des données supplémentaires telles que la capture d'écran ci-dessous

mais quand je me suis connecté & console.log ('############ =>', this.props.user); il affiche les données appropriées sans données supplémentaires comme l'image ci-dessous

ce que je fais mal ? Aidez-moi, s'il vous plaît. Merci