Не показывается страница пользователя
Маршрутизация построена так:
<BrowserRouter>
<Switch>
<>
<div className="app">
{products.map(product => {
return <Route
key={product.name}
path={'/product/'+product._id}
>
<Product products={products} />
</Route>
})}
{user
?
<Route
key={user._id}
path={'/profile/'+user._id}
>
<Profile profile={user} />
</Route>
:
false
}
<Products />
</div>
</>
</Switch>
</BrowserRouter>
Переход по ссылкам так:
<nav className="header__menu">
<ul className="header__menu-list">
{!logged.length
?
<>
<li>
<Link to="/auth">Зарегистрироваться</Link>
</li>
<li>
<Link to="/auth">Корзина</Link>
</li>
</>
:
<>
<li>
<Link to={"/profile/"+logged.map(user => user._id)}>Профиль</Link>
</li>
<li>
<Link to="/auth/logout" onClick={() => dispatch(logOut())}>Выйти</Link>
</li>
<li>
<Link to={"/bag/"+logged.map(user => user._id)}>Корзина</Link>
</li>
</>
}
</ul>
</nav>
При нажатии на кнопку на переход на страницу пользователя пустой экран, только header один, что не так?