RevalidatePath refetches font, causing jitter

[codinginflow]

In the gif below, the button clicks are handled via server actions. After executing the server action, I call revalidatePath to refresh the page. This causes a visible jitter in the UI. In the network tab, I can see that the next/Font is reloaded and if I disable the font, the jitter is gone.

Did anyone run into the same issue? I know server actions are alpha but revalidatePath should be stable.

[elliotgonzalez123]

I'm having the same issue. It's been a problem since app router was introduced. The previous way of doing mutations, by using a client component and calling router.refresh() produces the same jitter. I've also seen it in a few videos where people are demoing the app router features. I'm surprised no one else has mentioned it.

[codinginflow]

I just noticed that the jitter is only there in dev mode. After building the project, it's gone.

[hnykda]

Omg, thanks! You saved my precious hours...

[SSTPIERRE2]

It seems to work fine in one next v14.0.4 app I'm working on, but here's a sandbox on v14.1.0 where it still has the flicker for some reason

[YashTotale]

Yes, still facing this issue with next v14.1.4

[sam-mahonri]

I'm on Next 14.2.4, and the problem still occurs, however, only in Firefox, in the other chromium-based browsers this problem no longer occurs.

[4lejandrito]

Next 14.2.5 and having the same issue. Only happens in dev mode and Firefox. Chrome does not have the issue.