Возникла проблема, что при использовании Router
нажимая на NavLink
изменяется путь в адресной строке, но не отрисовывается сам компонент и приходится перезагружать сайт, чтобы увидеть этот самый компонент. Т.е. если вкратце, то класс active
у ссылок меняется только после перезагрузки сайта. Подскажите пожалуйста, в чем проблема? С BrowserRouter
все работает как надо. Буду рад любой помощи.
import React from "react";
import { NavLink, Router, Switch, Route } from 'react-router-dom';
import { createBrowserHistory } from 'history';
import './app.css';
import Playlists from "../common/components/playlists/Playlists";
import Acc from "../common/components/acc/Acc";
const history = createBrowserHistory();
export default function App() {
return (
<div className="app">
<Router history={history}>
<nav className='nav'>
<NavLink exact className='nav__link' to='/'>All bets</NavLink>
<NavLink className='nav__link' to='/acc'>Team stats</NavLink>
</nav>
<Switch>
<Route exact path='/' component={Playlists} />
<Route path='/acc' component={Acc} />
</Switch>
</Router>
</div>
);
}