title: Next.js React app not showing custom component content
body: <p>I am new to react and I am currently trying out some basic example. I have just created a linked index page and an about page. I then created a custom App component which should display everything in the container, instead it is just showing the home/about linked buttons and 'Hello next.js' text (it is not showing ('On every Page'). See page layout below</p>
  
  <p>On every page *** this is not showing
  Home page button | About page button
  Hello next.js</p>
  
  <p>Can anyone see any errors? I have tried searching but I still can not see where I am going wrong</p>
  
  <pre><code>// _app.js
  import App, {Container} from 'next/app';
  
  //define the custome App - a class which extends the 
  default App
  class myApp extends App {
  return() {
      //compent will be the page content
      // e.g. index or about
      const {Component, pageProps} = this.props;
  
      return (
          //container contains page content
          &lt;Container&gt;
              {/* Content which will be shared */}
              &lt;p&gt;On every Page&lt;/p&gt;
              {/* Component is page e.g. index or about 
  */}
              &lt;Component {...pageProd}/&gt;
          &lt;/Container&gt;
  
      );
  }
  }
  export default myApp;
  
  
  //index.js
  import Link from 'next/link'
  
  // Pass this content as 'props' to child components
  const Index = props =&gt; (
    &lt;div&gt;
  &lt;Link href="/index"&gt;
      &lt;button&gt;Home page&lt;/button&gt;
  &lt;/Link&gt;
  &lt;Link href="/about"&gt;
      &lt;button&gt;About page&lt;/button&gt;
  &lt;/Link&gt;
  
  
  &lt;p&gt;Hello Next.js&lt;/p&gt;
  &lt;/div&gt;
   )
  
  export default Index
  
  
  // about.js
  import Link from 'next/link'
  
  // Pass this content as 'props' tp child components
  const About = props =&gt; (
  &lt;div&gt;
  &lt;Link href="/"&gt;
      &lt;button&gt;Home page&lt;/button&gt;
  &lt;/Link&gt;
  &lt;Link href="/about"&gt;
      &lt;button&gt;About page&lt;/button&gt;
  &lt;/Link&gt;
  
  
  &lt;p&gt;Hello Next.js&lt;/p&gt;
  &lt;/div&gt;
  )
  
  export default About
  </code></pre>