Send Props From Page to _app

[HamzaAmar]

Hi , i am working in next js Project and i wanna passe data from page to _app .
i have a Header component inside my _app with a props isHomePage default to false and i want only set it to true in the index.js page .
is there a way to send data to _app.js ?

[jamesmosier]

It is not recommended, but you could pass them like...

pages/index.js

function Index(){}
Index.isHome = true
export default function Index

_app.js

function MyApp({Component,pageProps}){
  console.log(Component.isHome)
  return <Component {...pageProps}/>
}

---

A better way to handle it would be to use getStaticProps (or getServerSideProps) on your pages/index.js and return that flag in props and then use pageProps in your _app to determine if the flag was set.

[HamzaAmar]

Thank you so much for the solution