Improve anchor link
The current value is broken, the header has the .h-16 class name which equals to 4rem.
https://react.dev/reference/react/useDeferredValue#showing-stale-content-while-fresh-content-is-loading
Before

After

For this test, I used:
but it equally improve the experience with the default value (16px for the default font size)
Size Changes
📦 Next.js Bundle Analysis
This analysis was generated by the next.js bundle analysis action 🤖
⚠️ Global Bundle Size Increased
| Page | Size (compressed) |
|---|---|
global |
92.94 KB (🟡 +9 B) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
Thanks! Don't know how this happened. I thought I fixed this before. :P
I was working on updating all the links in https://mui.com/ this weekend from the old to the new React docs, happy to have solved this small annoyance :)