diff --git a/examples/with-app-layout/pages/_app.js b/examples/with-app-layout/pages/_app.js
index 557720e183b7c89..71b1f9ef066a504 100644
--- a/examples/with-app-layout/pages/_app.js
+++ b/examples/with-app-layout/pages/_app.js
@@ -1,20 +1,11 @@
 import React from 'react'
-import App from 'next/app'
 
-class Layout extends React.Component {
-  render() {
-    const { children } = this.props
-    return <div className="layout">{children}</div>
-  }
-}
+const Layout = ({ children }) => (
+  <div className="layout">{children}</div>
+)
 
-export default class MyApp extends App {
-  render() {
-    const { Component, pageProps } = this.props
-    return (
-      <Layout>
-        <Component {...pageProps} />
-      </Layout>
-    )
-  }
-}
+export default ({ Component, pageProps }) => (
+  <Layout>
+    <Component {...pageProps} />
+  </Layout>
+)