diff --git a/app/root.tsx b/app/root.tsx
index f8db7d5..df7712a 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -24,7 +24,7 @@ import {seoPayload} from '~/lib/seo.server';
 
 import favicon from '../public/favicon.svg';
 
-import {RouteLoaderArgs} from '@weaverse/hydrogen';
+import {RouteLoaderArgs, withWeaverse} from '@weaverse/hydrogen';
 import {GenericError} from './components/GenericError';
 import {NotFound} from './components/NotFound';
 import {useAnalytics} from './hooks/useAnalytics';
@@ -89,7 +89,7 @@ export async function loader({request, context}: RouteLoaderArgs) {
   });
 }
 
-export default function App() {
+function App() {
   const nonce = useNonce();
   const data = useLoaderData<typeof loader>();
   const locale = data.selectedLocale ?? DEFAULT_LOCALE;
@@ -121,6 +121,7 @@ export default function App() {
     </html>
   );
 }
+export default withWeaverse(App);
 
 export function ErrorBoundary({error}: {error: Error}) {
   const nonce = useNonce();
diff --git a/package.json b/package.json
index f7f3e86..4058812 100644
--- a/package.json
+++ b/package.json
@@ -20,11 +20,11 @@
   "dependencies": {
     "@headlessui/react": "^1.7.17",
     "@remix-run/react": "1.19.1",
-    "@shopify/cli": "3.48.6",
+    "@shopify/cli": "3.49.3",
     "@shopify/cli-hydrogen": "^5.2.3",
     "@shopify/hydrogen": "^2023.7.7",
     "@shopify/remix-oxygen": "^1.1.4",
-    "@weaverse/hydrogen": "^1.1.20",
+    "@weaverse/hydrogen": "^1.2.0",
     "clsx": "^2.0.0",
     "cross-env": "^7.0.3",
     "graphql": "^16.8.0",
@@ -52,7 +52,7 @@
     "@types/react": "^18.2.21",
     "@types/react-dom": "^18.2.7",
     "cross-env": "^7.0.3",
-    "eslint": "^8.47.0",
+    "eslint": "^8.49.0",
     "eslint-plugin-hydrogen": "0.12.3",
     "postcss": "^8.4.29",
     "postcss-import": "^15.1.0",