Video 21

1 files changed, 31 insertions, 0 deletions

diff --git a/stepped-solutions/16/_app.js b/stepped-solutions/16/_app.js
new file mode 100644
index 0000000..fc03876
--- /dev/null
+++ b/stepped-solutions/16/_app.js
@@ -0,0 +1,31 @@
+import App, { Container } from 'next/app';
+import Page from '../components/Page';
+import { ApolloProvider } from 'react-apollo';
+import withData from '../lib/withData';
+
+class MyApp extends App {
+  static async getInitialProps({ Component, ctx }) {
+    let pageProps = {};
+    if (Component.getInitialProps) {
+      pageProps = await Component.getInitialProps(ctx);
+    }
+    // this exposes the query to the user
+    pageProps.query = ctx.query;
+    return { pageProps };
+  }
+  render() {
+    const { Component, apollo, pageProps } = this.props;
+
+    return (
+      <Container>
+        <ApolloProvider client={apollo}>
+          <Page>
+            <Component {...pageProps} />
+          </Page>
+        </ApolloProvider>
+      </Container>
+    );
+  }
+}
+
+export default withData(MyApp);