e-commerce-starter

_app.js

import '../assets/antd-custom.less';
// Layout Component
import LayoutComponent from '../components/Layout';

// React Context
import { CartProvider } from '../context/Context';

// Apollo
import { ApolloProvider } from '@apollo/client';
import { useApollo } from '../lib/apolloClient';

export default function App({ Component, pageProps }) {
    const apolloClient = useApollo(pageProps.initialApolloState);
    // useApollo hook will initialize our apollo client
    return (
        <ApolloProvider client={apolloClient}>
            {/**
             *
             * ApolloProvider will privde the apolloClient
             * to every single page of our application.
             *
             */}
            <CartProvider>
                <LayoutComponent>
                    <Component {...pageProps} />
                </LayoutComponent>
            </CartProvider>
        </ApolloProvider>
    );
}