import React from 'react'
import App, { Container } from 'next/app'

export default class MyApp extends App {
  render () {
    const { Component, pageProps } = this.props
    return (
      <Container>
        <Component.Layout>
          <Component {...pageProps} />
        </Component.Layout>
      </Container>
    )
  }
}

@@ -33,23 +33,8 @@
  App
-, %7B Container %7D
  fro
@@ -47,16 +47,57 @@
 t/app'%0A%0A
+const Noop = (%7B children %7D) =%3E children%0A%0A
 export d
@@ -199,62 +199,77 @@
     
-return (%0A      %3CContainer%3E%0A        %3CComponent.
+const Layout = Component.Layout %7C%7C Noop%0A%0A    return (%0A      %3C
 Layout%3E%0A
     
@@ -260,26 +260,24 @@
    %3CLayout%3E%0A
-  
         %3CCom
@@ -311,47 +311,16 @@
     
-  %3C/Component.Layout%3E%0A      %3C/Container
+%3C/Layout
 %3E%0A  

Fix layout example building (#8326)