Repository: next.js
Issue: Unhandled Cancel rendering route Error Occur only in IOS webview
Labels: bug

### Verify canary release

- [X] I verified that the issue exists in the latest Next.js canary release

### Provide environment information

```bash
Operating System:
      Platform: darwin
      Arch: arm64
      Version: Darwin Kernel Version 21.6.0: Sun Nov  6 23:31:13 PST 2022; root:xnu-8020.240.14~1/RELEASE_ARM64_T6000
    Binaries:
      Node: 16.16.0
      npm: 8.11.0
      Yarn: 1.22.19
      pnpm: N/A
    Relevant packages:
      next: 13.2.3
      eslint-config-next: N/A
      react: 18.2.0
      react-dom: 18.2.0
```


### Which area(s) of Next.js are affected? (leave empty if unsure)

_No response_

### Link to the code that reproduces this issue

no-link

### To Reproduce

It's only reproducing in production, and when I try to reproduce it, I can't figure out how to do it.

This webpage is run on ios webview. This error does not occur in Android WebView.
<img width="865" alt="image" src="https://user-images.githubusercontent.com/35516239/224934518-b1df25cc-5d33-421b-9752-ff23b3e38b66.png">

Before this error occurs, navigation to the same route occurs multiple times. It is sentry capture
<img width="815" alt="image" src="https://user-images.githubusercontent.com/35516239/224934855-366548f0-19fa-4e00-90b0-5a6861e24ff4.png">

In code we don't use NextLink tag, In our code, we don't use the next link tag, we get router from useRouter and use it in the form of router.push.

<img width="1192" alt="image" src="https://user-images.githubusercontent.com/35516239/224935704-42320dc5-1c7d-485c-87c7-b24791fb1983.png">

I tried applying e.preventDefault() based on this [issue](https://github.com/vercel/next.js/discussions/36499#discussioncomment-4410732), but it didn't have any effect.


### Describe the Bug

Cancel rendering route


<img width="834" alt="image" src="https://user-images.githubusercontent.com/35516239/224928925-b1518814-1a66-4ff6-8408-b223536b79af.png">


### Expected Behavior

Don't occur this error.

### Which browser are you using? (if relevant)

mobile safari 16.0 webview

### How are you deploying your application? (if relevant)

_No response_

### package I use 
```
"dependencies": {
    "@banksalad/bpl-web": "15.7.1",
    "@banksalad/idl": "^2023.3.7-173433-e11e18a",
    "@banksalad/js-banksalad": "^13.1.0",
    "@emotion/react": "^11.10.6",
    "@emotion/styled": "^11.10.6",
    "@godaddy/terminus": "^4.11.2",
    "@next/bundle-analyzer": "^13.2.3",
    "@radix-ui/react-slider": "^1.1.0",
    "@react-hookz/web": "^22.0.0",
    "@sentry/nextjs": "^7.41.0",
    "@tanstack/react-query": "^4.26.1",
    "@tanstack/react-query-devtools": "^4.26.1",
    "axios": "^1.3.4",
    "copy-to-clipboard": "^3.3.3",
    "core-js": "^3.29.0",
    "date-fns": "^2.29.3",
    "date-fns-tz": "^2.0.0",
    "humps": "^2.0.1",
    "jsbi": "^4.3.0",
    "lodash": "^4.17.21",
    "next": "^13.2.3",
    "query-string": "^8.1.0",
    "raw-body": "^2.5.2",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-error-boundary": "^3.1.4",
    "react-intersection-observer": "^9.4.3",
    "react-router-dom": "^6.8.2",
    "react-use": "^17.4.0",
    "recoil": "^0.7.7",
    "remeda": "^1.8.1",
    "rmc-picker": "^5.0.10",
    "semver": "^7.3.8",
    "sharp": "^0.31.3",
    "smoothscroll-polyfill": "0.4.4",
    "vconsole": "^3.15.0"
  },
  "devDependencies": {
    "@babel/plugin-proposal-private-methods": "^7.18.6",
    "@emotion/babel-preset-css-prop": "^11.10.0",
    "@faker-js/faker": "^7.6.0",
    "@testing-library/dom": "^9.0.0",
    "@testing-library/jest-dom": "^5.16.5",
    "@testing-library/react": "^14.0.0",
    "@testing-library/user-event": "^14.4.3",
    "@types/humps": "^2.0.2",
    "@types/jest": "^29.4.0",
    "@types/jest-plugin-context": "^2.9.5",
    "@types/lodash": "^4.14.191",
    "@types/lodash-es": "^4.17.6",
    "@types/node": "^18.14.6",
    "@types/react": "^18.0.28",
    "@types/react-dom": "^18.0.11",
    "@types/react-router-dom": "^5.3.3",
    "@types/semver": "^7.3.13",
    "@types/smoothscroll-polyfill": "0.3.1",
    "@typescript-eslint/eslint-plugin": "^5.54.1",
    "@typescript-eslint/parser": "^5.54.1",
    "babel-jest": "^29.5.0",
    "babel-plugin-direct-import": "^1.0.0",
    "babel-plugin-lodash": "^3.3.4",
    "concurrently": "^7.6.0",
    "eslint": "^8.35.0",
    "eslint-config-airbnb": "^19.0.4",
    "eslint-config-prettier": "^8.7.0",
    "eslint-import-resolver-typescript": "^3.5.3",
    "eslint-plugin-import": "^2.27.5",
    "eslint-plugin-jsx-a11y": "^6.7.1",
    "eslint-plugin-prettier": "^4.2.1",
    "eslint-plugin-react": "^7.32.2",
    "eslint-plugin-react-hooks": "^4.6.0",
    "eslint-plugin-simple-import-sort": "^10.0.0",
    "factory.ts": "^1.3.0",
    "jest": "^29.5.0",
    "jest-canvas-mock": "^2.4.0",
    "jest-environment-jsdom": "^29.5.0",
    "jest-plugin-context": "^2.9.0",
    "msw": "1.1.0",
    "prettier": "^2.8.4",
    "string-replace-loader": "^3.1.0",
    "tailwindcss": "^3.2.7",
    "tailwindcss-gradients": "^3.0.0",
    "tailwindcss-pseudo-elements": "^2.0.0",
    "twin.macro": "^3.1.0",
    "typescript": "^4.9.5"
  },
```