text: import React from "react";
  import { ChakraProvider } from "@chakra-ui/react";
  import theme from "./Theme/theme";
  import {
    AnalyticsProvider,
    UserProvider,
    ModalProvider,
    UIProvider,
    DataProvider,
  } from "./core/providers";
  import { StripeProvider } from "./core/providers/StripeProvider";
  
  const AppContext = (props) => {
    return (
      <UserProvider>
        <ModalProvider>
          <StripeProvider>
            <ChakraProvider theme={theme}>
              <DataProvider>
                <UIProvider>
                  <AnalyticsProvider>{props.children}</AnalyticsProvider>
                </UIProvider>
              </DataProvider>
            </ChakraProvider>
          </StripeProvider>
        </ModalProvider>
      </UserProvider>
    );
  };
  
  export default AppContext;
  