fix: resolve hydration and other errors (#13)

2024-05-19 13:59:25 +05:30
parent a2369c3877
commit 2887c68800
4 changed files with 10 additions and 15 deletions
--- a/apps/marketing/src/app/layout.tsx
+++ b/apps/marketing/src/app/layout.tsx
@@ -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>
  );
 }
--- a/apps/marketing/src/components/landind-page.tsx
+++ b/apps/marketing/src/components/landind-page.tsx
@@ -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>
  );