test

pages/_app.tsx

@@ -5,11 +5,13 @@ import React from 'react';
 
 import type { NextPageWithLayout } from 'nextjs/types';
 
+import { AppContextProvider } from 'lib/contexts/app';
 import { ChakraProvider } from 'lib/contexts/chakra';
 import useLoadFeatures from 'lib/growthbook/useLoadFeatures';
 import useNotifyOnNavigation from 'lib/hooks/useNotifyOnNavigation';
 import AppErrorBoundary from 'ui/shared/AppError/AppErrorBoundary';
 import AppErrorGlobalContainer from 'ui/shared/AppError/AppErrorGlobalContainer';
+import Web3ModalProvider from 'ui/shared/Web3ModalProvider';
 
 import 'lib/setLocale';
 // import 'focus-visible/dist/focus-visible';
@@ -46,7 +48,11 @@ function MyApp({ Component, pageProps }: AppPropsWithLayout) {
         onError={ handleError }
         Container={ AppErrorGlobalContainer }
       >
-        <Component { ...pageProps }/>
+        <Web3ModalProvider>
+          <AppContextProvider pageProps={ pageProps }>
+            <Component { ...pageProps }/>
+          </AppContextProvider>
+        </Web3ModalProvider>
       </AppErrorBoundary>
     </ChakraProvider>
   );