Реагировать на вложенные маршруты без загрузки компонентов

Question

по какой-то причине эта простая установка не работает, что я забыл?

import React from "react";
import { Route, Link } from "react-router-dom";


const Account = () => {
    return (
        <div>
            Account
        go back to <Link to="/menu">menu</Link>
        </div>
    )
}
const Book = () => {
    return (
        <div>
            Book
        go back to <Link to="/menu">menu</Link>
        </div>)
}
const Menu = props => {
    return (
        <div>
            <Route path="/menu" render={() => {
                return (
                    <div>
                        home
                        <br /><Link to="menu/account">account</Link>
                        <br /><Link to="menu/book">book</Link>
                    </div>
                )
            }} />
            <Route exact path="/menu/account" component={Account} />
            <Route exact path="/menu/book" component={Book} />
        </div>
    )
}


export default Menu;

есть еще одна проблема в этом, в моем более крупном проекте вложенные маршруты работают, но только когда маршрут вызывается из элемента "Link tag" и прерывается при вызове из refre sh или адресная строка (CSS сходит с ума)

спасибо.