changes

pages/_app.tsx

@@ -5,7 +5,8 @@ import 'animate.css'
 import { FC } from 'react'
 import { DefaultSeo } from 'next-seo'
 import type { AppProps } from 'next/app'
-
+import { ThemeProvider } from 'next-themes'
+import { SSRProvider, OverlayProvider } from 'react-aria'
 import config from '../config.json'
 import Head from 'next/head'
 import { CommerceProvider } from '@lib/bigcommerce'
@@ -23,9 +24,15 @@ export default function MyApp({ Component, pageProps }: AppProps) {
       </Head>
       <DefaultSeo {...config.seo} />
       <CommerceProvider locale="en-us">
-        <Layout>
-          <Component {...pageProps} />
-        </Layout>
+        <ThemeProvider>
+          <SSRProvider>
+            <OverlayProvider>
+              <Layout>
+                <Component {...pageProps} />
+              </Layout>
+            </OverlayProvider>
+          </SSRProvider>
+        </ThemeProvider>
       </CommerceProvider>
     </>
   )