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?

首先复现所提供的 IonReactRouter 和 IonRouterOutlet 示例，包括先后退再前进的序列，并检查 Vue 集成中是否也会出现相同的行为。然后跟踪路由集成的入口点和现有的导航测试；当两个报告的集成都能在前进导航时显示与 URL 匹配的页面时，即视为完成。

由索引模型根据 Issue 内容生成。