update with-prefetching example (#4850)

examples/with-prefetching/pages/_app.js

@@ -0,0 +1,25 @@
+import App, {Container} from 'next/app'
+import React from 'react'
+import Header from '../components/Header'
+
+export default class MyApp extends App {
+  static async getInitialProps ({ Component, router, ctx }) {
+    let pageProps = {}
+
+    if (Component.getInitialProps) {
+      pageProps = await Component.getInitialProps(ctx)
+    }
+
+    return {pageProps}
+  }
+
+  render () {
+    const {Component, pageProps} = this.props
+    return (
+      <Container>
+        <Header />
+        <Component {...pageProps} />
+      </Container>
+    )
+  }
+}

examples/with-prefetching/pages/about.js

@@ -1,8 +1 @@
-import Header from '../components/Header'
+export default () => <p>This is the ABOUT page.</p>
-
-export default () => (
-  <div>
-    <Header />
-    <p>This is the ABOUT page.</p>
-  </div>
-)

examples/with-prefetching/pages/contact.js

@@ -1,8 +1 @@
-import Header from '../components/Header'
+export default () => <p>This is the CONTACT page.</p>
-
-export default () => (
-  <div>
-    <Header />
-    <p>This is the CONTACT page.</p>
-  </div>
-)

examples/with-prefetching/pages/features.js

@@ -1,8 +1 @@
-import Header from '../components/Header'
+export default () => <p>This is the FEATURES page.</p>
-
-export default () => (
-  <div>
-    <Header />
-    <p>This is the FEATURES page.</p>
-  </div>
-)

examples/with-prefetching/pages/index.js

@@ -1,8 +1 @@
-import Header from '../components/Header'
+export default () => <p>This is the HOME page</p>
-
-export default () => (
-  <div>
-    <Header />
-    <p>This is the HOME page</p>
-  </div>
-)