import App, { Container } from 'next/app';
import React from 'react';
import { withContentful } from 'next-contentful-with-environment';
 
// Contentful config properties
const accessToken = '[CONTENTFUL ACCESS TOKEN]';
const host = 'cdn.contentful.com';
const space = '[CONTENTFUL SPACE]';
 
class MyApp extends App {
  static async getInitialProps({ Component, ctx, router }) {
    let pageProps = {};
 
    if (Component.getInitialProps) {
      pageProps = await Component.getInitialProps({ ctx });
    }
 
    return { pageProps };
  }
 
  render() {
    const {
      Component,
      pageProps,
      store,
    } = this.props;
 
    return (
      <Container>
        <Component {...pageProps} />
      </Container>
    );
  }
}
 
export default withContentful({
  accessToken,
  host,
  space,
})(MyApp);