diff --git a/packages/dapp/pages/_app.tsx b/packages/dapp/pages/_app.tsx
index bc68daf7..d2fbc1e7 100644
--- a/packages/dapp/pages/_app.tsx
+++ b/packages/dapp/pages/_app.tsx
@@ -9,7 +9,6 @@ import { Global } from '@emotion/react';
 import { RainbowKitProvider } from '@rainbow-me/rainbowkit';
 
 import { ErrorBoundary } from '../components/ErrorBoundary';
-import { Web3ContextProvider } from '../context/Web3Context';
 import { Layout } from '../shared/Layout';
 import { globalStyles, theme } from '../theme';
 import { chains, wagmiConfig } from '../utils/web3';
@@ -27,11 +26,9 @@ const App = ({ Component, pageProps }: AppProps) => {
           <CSSReset />
           <Global styles={globalStyles} />
           <ErrorBoundary>
-            <Web3ContextProvider>
-              <Layout>
-                <Component {...pageProps} />
-              </Layout>
-            </Web3ContextProvider>
+            <Layout>
+              <Component {...pageProps} />
+            </Layout>
           </ErrorBoundary>
         </ChakraProvider>
       </RainbowKitProvider>
diff --git a/packages/dapp/pages/index.tsx b/packages/dapp/pages/index.tsx
index c229cd12..8c485609 100644
--- a/packages/dapp/pages/index.tsx
+++ b/packages/dapp/pages/index.tsx
@@ -9,11 +9,11 @@ import {
   useBreakpointValue,
 } from '@chakra-ui/react';
 
-import { useWeb3 } from '../context/Web3Context';
 import { logError } from '../utils/helpers';
+import { useAccount } from 'wagmi';
 
 function Home() {
-  const { account } = useWeb3();
+  const account = useAccount();
 
   const router = useRouter();
   const [isMobile, onMobile] = useState(false);