Next.js: problem with Router.push using hash

Created on 20 Aug 2020 · 12Comments · Source: vercel/next.js

Bug report

Describe the bug

In my case when i change only hash url using Router.push(localhost:3000/#change) coming from localhost:3000 all stylesheets reload again causing the screen blink and a error in browser console.

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

Checkout https://github.com/fabinppk/hash-problem
All instructions on readme file.

Screenshots

System information

OS: Ubuntu 20.04
Version of Next.js: 9.5.3-canary.6 or higher
Version of Node.js: v12.13.1

bug 3 p0

Source

fabinppk

👍2

Most helpful comment

Can y'all test the latest Next.js canary and see if the flash of styles is fixed for you?

Timer on 27 Aug 2020

🎉2

All 12 comments

This appears fixed on the latest canary Next.js version!

Timer on 24 Aug 2020

@Timer The problem still persist. The repository inside description still show the console error in 9.5.3-canary.22.

fabinppk on 25 Aug 2020

Will look again.

Timer on 25 Aug 2020

Just re-confirmed it does not reproduce. Please see https://hash-problem.vercel.app/.

Please provide a demo and video if you can get it to reproduce for you!

Timer on 25 Aug 2020

I made some tests using https://hash-problem.vercel.app/ and chrome browser, and the problem in console and the screen blink still persist.
Ps: In Mozilla Firefox doesnt happens.

Please, see the video here.

If you need more details, just ask me for it.

fabinppk on 25 Aug 2020

Wow, I can't reproduce that at all. Since you can reproduce do you think you could try to send a PR fixing the unhandled promise rejection?

Timer on 25 Aug 2020

Sure, but i don't know what the solution is. what do I do?

fabinppk on 25 Aug 2020

I tried this myself, and only got issues if I went to Chrome's device mode (as a fake iPhone) and IMMEDIATELY spammed the button; however, I only get the error/flash once.