docs: emphasize v5 and v6 navigation difference (#8414)

contributors.yml

@@ -6,3 +6,4 @@
 - elylucas
 - hongji00
 - JakubDrozd
+- markivancho

docs/upgrading/v5.md

@@ -650,6 +650,18 @@ function App() {
 }
 ```
 
+**Note**: Be aware that the v5 `<Redirect />` uses `replace` logic by default (you may change it via `push` prop), on the other hand, the v6 `<Navigate />` uses `push` logic by default and you may change it via `replace` prop.
+
+```js
+// Change this:
+<Redirect to="about" />
+<Redirect to="home" push />
+
+// to this:
+<Navigate to="about" replace />
+<Navigate to="home" />
+```
+
 If you're currently using `go`, `goBack` or `goForward` from `useHistory` to navigate backwards and forwards, you should also replace these with `navigate` with a numerical argument indicating where to move the pointer in the history stack. For example, here is some code using v5's `useHistory` hook:
 
 ```js