gib/GibSend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resolve hydration and other errors (#13)

Browse Source
This commit is contained in:
Rahul Mishra
2024-05-19 13:59:25 +05:30
committed by GitHub
parent a2369c3877
commit 2887c68800
4 changed files with 10 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/marketing/src/app/layout.tsx
View File

@@ -1,7 +1,7 @@
import "@unsend/ui/styles/globals.css"; import "@unsend/ui/styles/globals.css";
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import { ThemeProvider } from "@unsend/ui/theme-provider"; import { ThemeProvider } from "@unsend/ui";
const inter = Inter({ subsets: ["latin"] }); const inter = Inter({ subsets: ["latin"] });
@@ -33,10 +33,12 @@ export default function RootLayout({
children: React.ReactNode; children: React.ReactNode;
}>) { }>) {
return ( return (
<html lang="en"> <html lang="en" suppressHydrationWarning>
<body className={inter.className}>
<ThemeProvider attribute="class" defaultTheme="dark"> <ThemeProvider attribute="class" defaultTheme="dark">
<body className={inter.className}>{children}</body> {children}
</ThemeProvider> </ThemeProvider>
</body>
</html> </html>
); );
} }

3
apps/marketing/src/components/landind-page.tsx
View File

@@ -58,7 +58,8 @@ export function HeroImage() {
alt="App" alt="App"
width={1200} width={1200}
height={800} height={800}
className="rounded-lg relative border " className="rounded-lg relative border"
priority
></Image> ></Image>
</motion.div> </motion.div>
); );

1
packages/ui/index.ts
View File

@@ -1,3 +1,4 @@
import { cn } from "./lib/utils"; import { cn } from "./lib/utils";
export { cn }; export { cn };
export { ThemeProvider } from "next-themes";

9
packages/ui/theme-provider.tsx
View File

@@ -1,9 +0,0 @@
"use client";
import * as React from "react";
import { ThemeProvider as NextThemesProvider } from "next-themes";
import { type ThemeProviderProps } from "next-themes/dist/types";
export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
}