Как сделать "под роутинг" в React?

Всем привет. Пытаюсь сделать "под роутинг" на странице, если так можно выразиться. И он как бы работает, но если перезагрузить страницу то загрузит пустую страницу, как будто роутер теряет контекст. Как исправить?

После перезагрузки:

  import React from "react";
import './Info.css';

import InfoLaw from "./InfoLaw/InfoLaw";
import InfoNbu from "./InfoNbu/InfoNbu";
import InfoRialto from "./InfoRialto/InfoRialto";
import InfoMarket from "./InfoMarket/InfoMarket";
import InfoRates from "./InfoRates/InfoRates";

import {Switch, BrowserRouter as Router , Route, Link} from "react-router-dom";






class Info extends React.Component {
    render() {
        return (
            <Router >
                <div className='wrapper-info'>
                    <div className='info-block'>
                        <div className='info-menu'>
                            <nav>
                                <ul className='info-menu-list'>
                                    <li className='info-menu-item'>
                                        <Link to="/info">Валютный курс</Link>
                                    </li>
                                    <li className='info-menu-item'>
                                        <Link to="/info/market">Валютный рынок</Link>
                                    </li>
                                    <li className='info-menu-item'>
                                        <Link to="/info/rialto">Валютная биржа</Link>
                                    </li>
                                    <li className='info-menu-item'>
                                        <Link to="/info/nbu">НБУ</Link>
                                    </li>
                                    <li className='info-menu-item'>
                                        <Link to="/info/law">Закон</Link>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div className='info-content'>
                            <Switch>
                                <Route exact path='/info' component={InfoRates}/>
                                <Route exact path='/info/market' component={InfoMarket}/>
                                <Route exact path='/info/rialto' component={InfoRialto}/>
                                <Route exact path='/info/nbu' component={InfoNbu}/>
                                <Route exact path='/info/law' component={InfoLaw}/>
                            </Switch>
                        </div>
                    </div>
                </div>
            </Router>
        )
    }
}

export default Info;