@shopify/create-hydrogen 5.0.1 → 5.0.3

package/dist/assets/hydrogen/virtual-routes/virtual-root.jsx

@@ -2,13 +2,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import {
   Links,
   Meta,
+  Outlet,
   Scripts,
   ScrollRestoration,
   isRouteErrorResponse,
   useRouteError
 } from "@remix-run/react";
 import favicon from "./assets/favicon.svg";
-import { PageLayout } from "./components/PageLayout.jsx";
+import { Layout } from "./components/Layout.jsx";
 import { useNonce } from "@shopify/hydrogen";
 import styles from "./assets/styles.css?url";
 const links = () => {
@@ -17,7 +18,7 @@ const links = () => {
     { rel: "icon", type: "image/svg+xml", href: favicon }
   ];
 };
-function Layout({ children }) {
+function App() {
   const nonce = useNonce();
   return /* @__PURE__ */ jsxs("html", { lang: "en", children: [
     /* @__PURE__ */ jsxs("head", { children: [
@@ -35,7 +36,7 @@ function Layout({ children }) {
       /* @__PURE__ */ jsx(Links, {})
     ] }),
     /* @__PURE__ */ jsxs("body", { children: [
-      /* @__PURE__ */ jsx(PageLayout, { children }),
+      /* @__PURE__ */ jsx(Layout, { children: /* @__PURE__ */ jsx(Outlet, {}) }),
       /* @__PURE__ */ jsx(ScrollRestoration, { nonce }),
       /* @__PURE__ */ jsx(Scripts, { nonce })
     ] })
@@ -51,14 +52,14 @@ function ErrorBoundary() {
   } else if (error instanceof Error) {
     errorMessage = error.message;
   }
-  return /* @__PURE__ */ jsxs("div", { className: "route-error", children: [
+  return /* @__PURE__ */ jsx(Layout, { children: /* @__PURE__ */ jsxs("div", { className: "route-error", children: [
     /* @__PURE__ */ jsx("h1", { children: "Please report this error" }),
     /* @__PURE__ */ jsx("h2", { children: errorStatus }),
     errorMessage && /* @__PURE__ */ jsx("fieldset", { children: /* @__PURE__ */ jsx("pre", { children: errorMessage }) })
-  ] });
+  ] }) });
 }
 export {
   ErrorBoundary,
-  Layout,
+  App as default,
   links
 };