React router history pushes the uri but then doesn't load the correct page

Question

Im working with React router. My app.js looks like the following -

<div className="App">
    <Router history={history}>
      <div>
        <Switch>
            <Route exact path="/">
              <HomePage history={history}/>
            </Route>
            <Route path="/dashboard">
              <LinkBoardPage />
            </Route>
            <Route>
              "404 Not Found"
              <a href="/dashboard">
                Click here to get back to the dashboard
              </a>
            </Route>
        </Switch>
      </div>
      </Router>
  </div>

In my function after performing login, I wanted to reroute to the /dashboard page using history.push and my code looks like this -

const responseSuccessGoogle = (response) => {
    console.log("Successfully logged in");
    axios({
        method: "POST",
        url: "http://localhost:3001/api/googlelogin",
        data:{ tokenId: response.tokenId }
    }).then(async (response) => {
        await props.storeUser(response.data);
        console.log(response.data);
        console.log("Before - ", window.location.pathname);
        await props.history.push("/dashboard");
        console.log("After - ", window.location.pathname);
    });
}

However, even though the browser goes to the uri, /dashboard it doesnt load correctly and loads 404 not found instead. However, when I refresh the page, it routes correctly and loads the dashboard.

Is there something Im missing with my routing?

responseSuccessGoogle is called here -

return (
    <div className="LoginBox"><br />
        <div className="FormTitle"><h3>Login</h3></div><br />
        <div className="LoginButton">
            <GoogleLogin
                clientId="somerandomclientid"
                buttonText="Login with Google"
                onSuccess={responseSuccessGoogle}
                onFailure={responseErrorGoogle}
                cookiePolicy={'single_host_origin'}
            />
        </div>       
    </div>   
);