my blog https://overreacted.io

try activity?

+8 -1
+5 -1
app/layout.js
··· 8 8 metadataBase: new URL("https://overreacted.io"), 9 9 }; 10 10 11 + const Activity = Symbol.for("react.activity"); 12 + 11 13 export default function RootLayout({ children }) { 12 14 return ( 13 15 <html lang="en" className={serif.className}> ··· 26 28 </Link> 27 29 </span> 28 30 </header> 29 - <main>{children}</main> 31 + <main> 32 + <Activity mode="visible">{children}</Activity> 33 + </main> 30 34 </PlausibleProvider> 31 35 </body> 32 36 </html>
+3
next.config.js
··· 1 1 module.exports = { 2 2 output: "export", 3 3 trailingSlash: true, 4 + experimental: { 5 + viewTransition: true, 6 + }, 4 7 };