Отлов url (React.js)

const Nav = () => {
    return (
        <nav>
            <BrowserRouter>
                <div className={navStyle.nav}>
                    <ul>
                        <li><NavLink to="/profile">Главная</NavLink></li>
                        <li><NavLink to="/news">Новости</NavLink></li>
                        <li><NavLink to="/message">Сообщения</NavLink></li>
                        <li><NavLink to="/music">Музыка</NavLink></li>
                        <li><NavLink to="/setting">Настройки</NavLink></li>
                    </ul>
                </div>
            </BrowserRouter>
        </nav>
    );
}


const Main = () => {
    return (
        <main>
            <BrowserRouter>
                <div className={mainStyle.main}>
                    <Route path="/profile" component={Profile}/>
                    <Route path="/message" component={Message}/>
                    <Route path="/news" component={News}/>
                    <Route path="/music" component={Music}/>
                    <Route path="/setting" component={Setting}/>
                </div>
            </BrowserRouter>
        </main>
    );
}