Strange issue in production build, Links occasionally stop working.

[fennadew]

What version of Next.js are you using?

11.1.0

What version of Node.js are you using?

v14.17.3

What browser are you using?

All browsers

What operating system are you using?

macOS

How are you deploying your application?

Vercel

Describe the Bug

On production, links occasionally stop working. Most of the time it's after a new deployment, but it happens randomly. After a refresh, they mostly work again. I've figured that the problem lies with the router. It never finished the route change.

I made two screen recordings: one of the normal behaviour and one when the links are not working anymore. In my console I am listening to routeChangeError while trying to navigate with the router.push. Nothing is happening, and if I try to navigate to another route, you can see that the previous route was cancelled.

working-test.mp4

not-working-test.mp4

I found more people are experiencing this: https://www.reddit.com/r/nextjs/comments/o16ep3/strange_issue_in_production_build_links/

Expected Behavior

The route always navigates.

To Reproduce

It happens randomly so it's hard to reproduce.

[ijjk]

Hi, this sounds related to #28797 and #27783 which has a patch applied in v11.1.3-canary.14 of Next.js, please update to at least that version and give it a try!

[ijjk]

Going to close this as this should be resolved, please respond with additional info if you are still seeing this in versions above v11.1.3-canary.14

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.