Cannot navigate via next/link

[liby]

Verify canary release

• [X] I verified that the issue exists in the latest Next.js canary release

Provide environment information

    Operating System:
      Platform: darwin
      Arch: x64
      Version: Darwin Kernel Version 21.4.0: Fri Mar 18 00:45:05 PDT 2022; root:xnu-8020.101.4~15/RELEASE_X86_64
    Binaries:
      Node: 16.13.2
      npm: 8.1.2
      Yarn: 1.22.19
      pnpm: 7.3.0
    Relevant packages:
      next: 12.1.6
      react: 18.2.0
      react-dom: 18.2.0

What browser are you using? (if relevant)

Chrome 102.0.5005.115

How are you deploying your application? (if relevant)

n/a

Describe the Bug

Click on the link, unable to navigate to the specified page.

Expected Behavior

Correctly navigate to the specified page

Link to reproduction

https://github.com/liby/blog/tree/wip

To Reproduce

https://user-images.githubusercontent.com/38807139/175450379-19bcb9bc-7952-4b05-8600-d60827676f85.mp4

[Babbili]

@liby obviously it's CSS problem, try to style h1 tag the Date div under with pure CSS not with the imported style9 and utilStyles

[liby]

@liby obviously it's CSS problem, try to style h1 tag the Date div under with pure CSS not with the imported style9 and utilStyles

I also noticed this at first, then I posted an issue in the style9 repository and got a reply from the author that it was not related to style9. That's why I ended up coming here.

[ItzaMi]

Noticed something when I ran your project on wip. Once I clicked on a link your UI constantly refreshes:

[liby]

Noticed something when I ran your project on wip. Once I clicked on a link your UI constantly refreshes:

I was unable to reproduce the issue local. If you remove style9 and utilStyles from the [slug] component, you shouldn't have this issue, right?