Update metaprovider

Author: davedbase

package.json

@@ -32,6 +32,7 @@
     "@solid-primitives/storage": "^2.1.4",
     "@solid-primitives/utils": "^6.2.3",
     "@solid.js/docs": "^1.0.56",
+    "@solidjs/meta": "^0.29.4",
     "@solidjs/router": "^0.13.1",
     "@types/shopify-buy": "npm:@brandboostinggmbh/shopify-buy-types@^2.14.6",
     "babel-preset-solid": "1.8.16",

pnpm-lock.yaml

@@ -7,30 +7,29 @@ import { AppContextProvider } from './AppContext';
 import { preventSmoothScrollOnTabbing } from './utils';
 
 export const App = () => {
-
   preventSmoothScrollOnTabbing();
 
   return (
-    <MetaProvider>   
-      <main class="min-h-screen">
-        <Router root={(props)=>(
-          <AppContextProvider>
-            <Header />
-            {/* two div wrappers to make page animation work and performant */}
-            <div id="main-content">
-              <div>
-                {/* <TransitionRoutes> */}
-                <Suspense>
-                  {props.children}
-                </Suspense>
-                {/* </TransitionRoutes> */}
+    <main class="min-h-screen">
+      <Router
+        root={(props) => (
+          <MetaProvider>
+            <AppContextProvider>
+              <Header />
+              {/* two div wrappers to make page animation work and performant */}
+              <div id="main-content">
+                <div>
+                  {/* <TransitionRoutes> */}
+                  <Suspense>{props.children}</Suspense>
+                  {/* </TransitionRoutes> */}
+                </div>
               </div>
-            </div>
-          </AppContextProvider>
-        )}>
-          {routes}
-        </Router>
-      </main>
-    </MetaProvider>
+            </AppContextProvider>
+          </MetaProvider>
+        )}
+      >
+        {routes}
+      </Router>
+    </main>
   );
 };