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

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

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

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

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

1
packages/ui/index.ts
View File

@@ -1,3 +1,4 @@
import { cn } from "./lib/utils";
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>;
}