not sure but it seems to work

components/layout.tsx

@@ -2,10 +2,16 @@ import React from 'react'
 import Footer from '../components/footer'
 import Header from '../components/header'
 
-export default function Home({ children }: { children: React.ReactNode }) {
+export default function Home({
+  children,
+  restricted = false,
+}: {
+  children: React.ReactNode
+  restricted?: boolean
+}) {
   return (
     <>
-      <Header />
+      <Header restricted={restricted} />
       <main className="max-w-7xl mx-auto p-4 sm:p-6">{children}</main>
       <Footer />
     </>