MetatroncubeSoftwareSolutions/sky-and-soil
3
0
Fork 0
forked from alaguraj/sky-and-soil
Code Pull Requests Activity

HeaderClient updated

Browse Source
This commit is contained in:
akash 2025-12-12 18:55:05 +05:30
parent 152022c68f
commit cbb953d622
3 changed files with 14 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/layout.tsx
View File

@ -33,7 +33,8 @@ import { ThemeProvider } from "@/components/ThemeProvider";
import { CompareProvider } from "@/context/CompareContext";
import CompareBar from "@/components/CompareBar";
import MouseAnimation from "@/components/MouseAnimation";
import HeaderWrapper from "@/components/HeaderWrapper";
import HeaderClient from "@/components/HeaderClient";
// import HeaderWrapper from "@/components/HeaderWrapper";
export default function RootLayout({
children,
@ -60,7 +61,7 @@ export default function RootLayout({
disableTransitionOnChange
>
<CompareProvider>
<HeaderWrapper />
<HeaderClient />
{children}
<CompareBar />
{/* <MouseAnimation /> */}

11
src/components/HeaderClient.tsx Normal file
View File

@ -0,0 +1,11 @@
"use client";
import dynamic from "next/dynamic";
const Header = dynamic(() => import("./Header"), {
ssr: false,
});
export default function HeaderClient() {
return <Header />;
}

15
src/components/HeaderWrapper.tsx
View File

@ -1,15 +0,0 @@
"use client";
import { useEffect, useState } from "react";
import Header from "./Header";
export default function HeaderWrapper() {
const [mounted, setMounted] = useState(false);
useEffect(() => {
setMounted(true);
}, []);
if (!mounted) return null;
return <Header />;
}