Update _app.js to use a function component. (#16683)

This PR updates the `_app.js` file to remove the `next/app` import. It's not needed with the latest versions of Next
vercel · Aug 30, 2020 · ba2fbc2 · ba2fbc2
1 parent 6926ab7
commit ba2fbc2
Showing 1 changed file with 6 additions and 10 deletions.
diff --git a/examples/with-styled-components/pages/_app.js b/examples/with-styled-components/pages/_app.js
@@ -1,4 +1,3 @@
-import App from 'next/app'
 import { ThemeProvider } from 'styled-components'
 
 const theme = {
@@ -7,13 +6,10 @@ const theme = {
   },
 }
 
-export default class MyApp extends App {
-  render() {
-    const { Component, pageProps } = this.props
-    return (
-      <ThemeProvider theme={theme}>
-        <Component {...pageProps} />
-      </ThemeProvider>
-    )
-  }
+export default function App({ Component, pageProps }) {
+  return (
+    <ThemeProvider theme={theme}>
+      <Component {...pageProps} />
+    </ThemeProvider>
+  )
 }