mapStateToProps запустить перед использованием эффекта и как решить?

Question

У меня вопрос по mapStateToProps.

Я создал приложение. js и отправил действие loadUser внутри useEffect, чтобы загружать пользователя каждый раз при обновлении страницы.

const App = () => {
  useEffect(() => {
    store.dispatch(loadUser()); 
  }, []);
  return (
    <Fragment>
      <Navbar />
    </Fragment>
  )
}

Проблема в том, что mapStateToProps внутри Navbar всегда отображается, что вызывает ошибку до dispatch loadUser.

Navbar. js

const Navbar = (prop) =>  {
  const user = prop.user; //always return undefined and cause page break
   return (
    <div>{user.name}</div>
   )
}
const mapStateToProps= state => ({
  user:state.loginReducer.user
});

export default connect(mapStateToProps, {})(Navbar);

Можете ли вы сказать мне, как решить эту проблему? Огромное спасибо.