Convert _app.js to functional components

vercel · Jan 15, 2020 · cfa98a5 · cfa98a5
1 parent 57ec121
commit cfa98a5
Showing 1 changed file with 8 additions and 17 deletions.
diff --git 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>
+)