xfy/DefectingCat.github.io
1
0
Fork 0
mirror of https://github.com/DefectingCat/DefectingCat.github.io synced 2025-07-15 16:51:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix hydration error

Browse Source
This commit is contained in:
DefectingCat
2023-03-21 16:25:19 +08:00
parent 62b5d0480f
commit cde9f4cca7
2 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/layout.tsx
View File

@ -5,7 +5,7 @@ import HeadBar from './nav-bar';
import Footer from './footer'; import Footer from './footer';
import BackToTop from 'components/common/back-to-top'; import BackToTop from 'components/common/back-to-top';
import clsx from 'clsx'; import clsx from 'clsx';
import fonts from './fonts'; import fonts from 'lib/fonts';
export default function RootLayout({ export default function RootLayout({
children, children,
@ -16,6 +16,7 @@ export default function RootLayout({
<html <html
lang="en" lang="en"
className={clsx(Object.values(fonts).map((font) => font.variable))} className={clsx(Object.values(fonts).map((font) => font.variable))}
suppressHydrationWarning
> >
<head> <head>
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
@ -27,10 +28,12 @@ export default function RootLayout({
/> />
</head> </head>
<body> <body>
<HeadBar /> <RUAThemeProvider>
<RUAThemeProvider>{children}</RUAThemeProvider> <HeadBar />
<Footer /> {children}
<BackToTop /> <Footer />
<BackToTop />
</RUAThemeProvider>
</body> </body>
</html> </html>
); );

0
app/fonts.ts → lib/fonts.ts
View File