pivcec · September 25, 2024 01:03
diff --git a/layout.tsx b/layout.tsx
 "use client"; // This directive makes the component a client component

 import { createPagesBrowserClient } from "@supabase/auth-helpers-nextjs";
 import { SessionContextProvider } from "@supabase/auth-helpers-react";
 import TopNav from "../components/TopNav"; // Import the navigation component
 import { useState, ReactNode } from "react";

 export const dynamic = "force-dynamic";

 // Define props type
 interface RootLayoutProps {
  children: ReactNode; // children can be any valid React node
 }

 export default function RootLayout({ children }: RootLayoutProps) {
  const [supabaseClient] = useState(() => createPagesBrowserClient());

  return (
    <SessionContextProvider supabaseClient={supabaseClient}>
      <html lang="en">
        <body>
          <TopNav />
          {children}
        </body>
      </html>
    </SessionContextProvider>
  );
 }
	"use client"; // This directive makes the component a client component

	import { createPagesBrowserClient } from "@supabase/auth-helpers-nextjs";
	import { SessionContextProvider } from "@supabase/auth-helpers-react";
	import TopNav from "../components/TopNav"; // Import the navigation component
	import { useState, ReactNode } from "react";

	export const dynamic = "force-dynamic";

	// Define props type
	interface RootLayoutProps {
	children: ReactNode; // children can be any valid React node
	}

	export default function RootLayout({ children }: RootLayoutProps) {
	const [supabaseClient] = useState(() => createPagesBrowserClient());

	return (
	<SessionContextProvider supabaseClient={supabaseClient}>
	<html lang="en">
	<body>
	<TopNav />
	{children}
	</body>
	</html>
	</SessionContextProvider>
	);
	}