1  import React from "react";
 2  import { GlobalProvider } from "./src/context/GlobalContext";
 3  import { CartProvider } from "./src/context/CartContext";
 4  import Layout from "./src/components/Layout";
 5  
 6  export const wrapPageElement = ({ element, props }) => {
 7    // props provide same data to Layout as Page element will get
 8    // including location, data, etc - you don't need to pass it
 9    return <Layout {...props}>{element}</Layout>;
10  };
11  
12  export const wrapRootElement = ({ element }) => (
13    <GlobalProvider>
14      <CartProvider>{element}</CartProvider>
15    </GlobalProvider>
16  );