React: HashRouter Not Reloading Page on Electron

Viewed 154

Im using HashRouter in my Electron project, however HashRouter does not refresh the navigate page for some reason which is something I need it to do.

Any ideas on how when I click on the route, it would refresh the page?

import { HashRouter } from "react-router-dom";
  <HashRouter>
    <div>
      <main>
        <Route exact path="/" component={Home} />
        <Route path="/StatusHub" component={StatusHub} />
        <Route path="/PagerDuty" component={PagerDuty} />
        <Route path="/QuickLinks" component={QuickLinks} />
      </main>
    </div>
  </HashRouter>

navBar.js

import { Link } from "react-router-dom";
return(
<div>
 <Link to="/">
  <FontAwesomeIcon icon={faHome} />
  <span className="label-center">Home</span>
 </Link>

 <Link to="/StatusHub">
  <FontAwesomeIcon icon={faFire} />
  <span className="label-center">StatusHub</span>
 </Link>
</div>
)
1 Answers

As per help from @Ajeet Shah, I just need Switch wrapped around my Routes:

  <Router>
    <div>
      <main>
        <Switch>
          <Route exact path="/" component={Home} />
          <Route path="/StatusHub" component={StatusHub} />
          <Route path="/PagerDuty" component={PagerDuty} />
          <Route path="/QuickLinks" component={QuickLinks} />
        </Switch>
      </main>
    </div>
  </Router>
Related