bug: vue and react routing integrations always pop when forward button is pressed

# Bug Report

**Ionic version:**

[ ] **4.x**
[x] **5.x**

**Current behavior:**

If I press back button and press forward button the url is correct but the page is wrong

**Expected behavior:**

it should display correct page

**Steps to reproduce:**

**Related code:**

App component
```
const App: React.FC = () => (











);
```

PageOne component
```
const PageOne = ({ history }) => {
return (

This is Page One!

history.push('/pagetwo')}>
Go to page two



)
}
```

PageTwo component
```
const PageTwo = ({ history }) => {
return (

This is Page Two!

history.push('/pagethree')}>
Go to page three



)
}
```

**Other information:**

Example:

https://www.loom.com/share/048952f5848f443a8e108f52906e0ba4

Question:

1. Based on the Ionic component doc, we need to use `href` in `IonButton` in order to go to a page which does not render page transition animation (I assume it just updates the location.href). But I can also use `routerLink` to go to a page with page transition. Which is recommended?

Start by reproducing the supplied IonReactRouter and IonRouterOutlet example, including the back-then-forward sequence, and check whether the same behavior occurs in the Vue integration. Then trace the routing integration entry points and existing navigation tests; done means the forward navigation displays the page matching the URL in both reported integrations.

索引モデルが issue の本文から書いたものです。