title: How to pass pageProps in next.js from a child component to _app.js?
body: <p>I'm working on a next.js app and my page layout is going through the following hierarchy:</p>
  
  <pre><code>  _app.js
       Page.js
           Header.js
           PageContent.js
  </code></pre>
  
  <p>I need to pass some parameters from PageContent to Header without using redux. </p>
  
  <p>Inside _app.js I have the following:</p>
  
  <pre><code>class Main extends App {
    render() {
    const {
      Component,
      pageProps,
      apollo,
      router: { route }
    } = this.props;
  
   return (
    &lt;ApolloProvider client={apollo}&gt;
        &lt;Page
          pathname={route.split("/")[1]}
          {...pageProps}
          localLinks={Component.LocalLinks}
          render={props =&gt; &lt;Component {...props} /&gt;}
        /&gt;
     &lt;/ApolloProvider&gt;
    );
   }
  }
  </code></pre>
  
  <p>I'm assuming there should be a way to pass some propse (pageProps) from PageContent to _app and pass that down to Page and make them accessible to header. Is there a next.js specific trick here that I'm not familiar with?</p>