How to make a site without reloading on react.js?

Question

JavaScript

I use react-router and there is something like this code

ReactDOM.render(
  <Router history={hashHistory}>
    <Route path="/" component={Contents}>
      <IndexRoute component={MainContent}/>
      <Route path=":id" component={MoreItemSite} />
    </Route>
  </Router>
  , document.getElementById('app')
);

everything works fine on the server, everything is rendered without reloading the page. But from hashHistory, the address turns out to be ugly. In general, hashHistory was replaced with browserHistory and
in .htaccess I wrote the following

RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]

Then all links go normally and the address looks normal, BUT the page is reloaded. How can I fix this issue using browserHistory ?