graphcommerce-org · paales · Jul 2, 2026 · Jul 2, 2026 · Jul 2, 2026
diff --git a/.changeset/breadcrumb-up-locale-race.md b/.changeset/breadcrumb-up-locale-race.md
@@ -0,0 +1,5 @@
+---
+'@graphcommerce/demo-magento-graphcommerce': patch
+---
+
+Fix breadcrumb "up" link title being translated in the wrong locale during static generation. The Lingui `t` macro title was evaluated inside the returned props after awaiting GraphQL queries, so a concurrent static-generation request for another locale could change the global active locale mid-flight. The `up` object is now computed synchronously before any await, capturing the correct locale for the current request.
diff --git a/examples/magento-graphcms/pages/404.tsx b/examples/magento-graphcms/pages/404.tsx
@@ -75,6 +75,7 @@ export default RouteNotFoundPage
 
 export const getStaticProps: GetPageStaticProps = async (context) => {
   const client = graphqlSharedClient(context)
+  const up = { href: '/', title: t`Home` }
   const staticClient = graphqlSsrClient(context)
   const conf = client.query({ query: StoreConfigDocument })
   const layout = staticClient.query({
@@ -85,7 +86,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   return {
     props: {
       ...(await layout).data,
-      up: { href: '/', title: t`Home` },
+      up,
       apolloState: await conf.then(() => client.cache.extract()),
     },
     revalidate: revalidate(),

diff --git a/examples/magento-graphcms/pages/[...url].tsx b/examples/magento-graphcms/pages/[...url].tsx
@@ -191,6 +191,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   if (!url || !query) return { notFound: true, revalidate: revalidate() }
 
   const client = graphqlSharedClient(context)
+  const homeUp = { href: '/', title: t`Home` }
   const conf = client.query({ query: StoreConfigDocument })
   const filterTypes = getFilterTypes(client)
 
@@ -259,7 +260,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   const up =
     category_url_path && category_name
       ? { href: `/${category_url_path}`, title: category_name }
-      : { href: '/', title: t`Home` }
+      : homeUp
 
   await waitForSiblings
   const result = {

diff --git a/examples/magento-graphcms/pages/account/addresses/add.tsx b/examples/magento-graphcms/pages/account/addresses/add.tsx
@@ -64,13 +64,14 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   if (getCustomerAccountIsDisabled(context.locale)) return { notFound: true }
 
   const client = graphqlSharedClient(context)
+  const up = { href: '/account', title: t`Account` }
   const conf = client.query({ query: StoreConfigDocument })
 
   return {
     props: {
       apolloState: await conf.then(() => client.cache.extract()),
       variantMd: 'bottom',
-      up: { href: '/account', title: t`Account` },
+      up,
     },
   }
 }
diff --git a/examples/magento-graphcms/pages/account/addresses/edit.tsx b/examples/magento-graphcms/pages/account/addresses/edit.tsx
@@ -79,13 +79,14 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   if (getCustomerAccountIsDisabled(context.locale)) return { notFound: true }
 
   const client = graphqlSharedClient(context)
+  const up = { href: '/account/addresses', title: t`Addresses` }
   const conf = client.query({ query: StoreConfigDocument })
 
   return {
     props: {
       apolloState: await conf.then(() => client.cache.extract()),
       variantMd: 'bottom',
-      up: { href: '/account/addresses', title: t`Addresses` },
+      up,
     },
   }
 }
diff --git a/examples/magento-graphcms/pages/account/addresses/index.tsx b/examples/magento-graphcms/pages/account/addresses/index.tsx
@@ -64,6 +64,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   if (getCustomerAccountIsDisabled(context.locale)) return { notFound: true }
 
   const client = graphqlSharedClient(context)
+  const up = { href: '/account', title: t`Account` }
   const staticClient = graphqlSsrClient(context)
   const conf = client.query({ query: StoreConfigDocument })
 
@@ -76,7 +77,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
       ...(await countryRegions).data,
       apolloState: await conf.then(() => client.cache.extract()),
       variantMd: 'bottom',
-      up: { href: '/account', title: t`Account` },
+      up,
     },
   }
 }
diff --git a/examples/magento-graphcms/pages/account/authentication/index.tsx b/examples/magento-graphcms/pages/account/authentication/index.tsx
@@ -68,13 +68,14 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   if (getCustomerAccountIsDisabled(context.locale)) return { notFound: true }
 
   const client = graphqlSharedClient(context)
+  const up = { href: '/account', title: t`Account` }
   const conf = client.query({ query: StoreConfigDocument })
 
   return {
     props: {
       apolloState: await conf.then(() => client.cache.extract()),
       variantMd: 'bottom',
-      up: { href: '/account', title: t`Account` },
+      up,
     },
   }
 }
diff --git a/examples/magento-graphcms/pages/account/contact/index.tsx b/examples/magento-graphcms/pages/account/contact/index.tsx
@@ -64,13 +64,14 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   if (getCustomerAccountIsDisabled(context.locale)) return { notFound: true }
 
   const client = graphqlSharedClient(context)
+  const up = { href: '/account', title: t`Account` }
   const conf = client.query({ query: StoreConfigDocument })
 
   return {
     props: {
       apolloState: await conf.then(() => client.cache.extract()),
       variantMd: 'bottom',
-      up: { href: '/account', title: t`Account` },
+      up,
     },
   }
 }
diff --git a/examples/magento-graphcms/pages/account/forgot-password.tsx b/examples/magento-graphcms/pages/account/forgot-password.tsx
@@ -48,13 +48,14 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   if (getCustomerAccountIsDisabled(context.locale)) return { notFound: true }
 
   const client = graphqlSharedClient(context)
+  const up = { href: '/account/signin', title: t`Sign in` }
   const conf = client.query({ query: StoreConfigDocument })
 
   return {
     props: {
       apolloState: await conf.then(() => client.cache.extract()),
       variantMd: 'bottom',
-      up: { href: '/account/signin', title: t`Sign in` },
+      up,
     },
   }
 }
diff --git a/examples/magento-graphcms/pages/account/index.tsx b/examples/magento-graphcms/pages/account/index.tsx
@@ -155,6 +155,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
 
   const staticClient = graphqlSsrClient(context)
   const client = graphqlSharedClient(context)
+  const up = { href: '/', title: t`Home` }
   const conf = client.query({ query: StoreConfigDocument })
   const layout = staticClient.query({
     query: LayoutDocument,
@@ -164,7 +165,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   return {
     props: {
       ...(await layout).data,
-      up: { href: '/', title: t`Home` },
+      up,
       apolloState: await conf.then(() => client.cache.extract()),
     },
     revalidate: revalidate(),

diff --git a/examples/magento-graphcms/pages/account/name/index.tsx b/examples/magento-graphcms/pages/account/name/index.tsx
@@ -77,6 +77,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   if (getCustomerAccountIsDisabled(context.locale)) return { notFound: true }
 
   const client = graphqlSharedClient(context)
+  const up = { href: '/account', title: t`Account` }
   const conf = client.query({ query: StoreConfigDocument })
 
   if (magentoVersion >= 247) await preloadAttributesForm(client, 'customer_account_edit')
@@ -85,7 +86,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
     props: {
       apolloState: await conf.then(() => client.cache.extract()),
       variantMd: 'bottom',
-      up: { href: '/account', title: t`Account` },
+      up,
     },
   }
 }
diff --git a/examples/magento-graphcms/pages/account/orders/credit-memo.tsx b/examples/magento-graphcms/pages/account/orders/credit-memo.tsx
@@ -99,6 +99,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   if (getCustomerAccountIsDisabled(context.locale)) return { notFound: true }
 
   const client = graphqlSharedClient(context)
+  const up = { href: '/account/orders', title: t`Orders` }
   const staticClient = graphqlSsrClient(context)
   const config = client.query({ query: StoreConfigDocument })
 
@@ -111,7 +112,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
       ...(await countryRegions).data,
       apolloState: await config.then(() => client.cache.extract()),
       variantMd: 'bottom',
-      up: { href: '/account/orders', title: t`Orders` },
+      up,
     },
   }
 }
diff --git a/examples/magento-graphcms/pages/account/orders/index.tsx b/examples/magento-graphcms/pages/account/orders/index.tsx
@@ -85,13 +85,14 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   if (getCustomerAccountIsDisabled(context.locale)) return { notFound: true }
 
   const client = graphqlSharedClient(context)
+  const up = { href: '/account', title: t`Account` }
   const conf = client.query({ query: StoreConfigDocument })
 
   return {
     props: {
       apolloState: await conf.then(() => client.cache.extract()),
       variantMd: 'bottom',
-      up: { href: '/account', title: t`Account` },
+      up,
     },
   }
 }
diff --git a/examples/magento-graphcms/pages/account/orders/invoice.tsx b/examples/magento-graphcms/pages/account/orders/invoice.tsx
@@ -96,6 +96,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   if (getCustomerAccountIsDisabled(context.locale)) return { notFound: true }
 
   const client = graphqlSharedClient(context)
+  const up = { href: '/account/orders', title: t`Orders` }
   const staticClient = graphqlSsrClient(context)
   const config = client.query({ query: StoreConfigDocument })
 
@@ -108,7 +109,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
       ...(await countryRegions).data,
       apolloState: await config.then(() => client.cache.extract()),
       variantMd: 'bottom',
-      up: { href: '/account/orders', title: t`Orders` },
+      up,
     },
   }
 }
diff --git a/examples/magento-graphcms/pages/account/orders/shipment.tsx b/examples/magento-graphcms/pages/account/orders/shipment.tsx
@@ -96,6 +96,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   if (getCustomerAccountIsDisabled(context.locale)) return { notFound: true }
 
   const client = graphqlSharedClient(context)
+  const up = { href: '/account/orders', title: t`Orders` }
   const staticClient = graphqlSsrClient(context)
   const config = client.query({ query: StoreConfigDocument })
 
@@ -108,7 +109,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
       ...(await countryRegions).data,
       apolloState: await config.then(() => client.cache.extract()),
       variantMd: 'bottom',
-      up: { href: '/account/orders', title: t`Orders` },
+      up,
     },
   }
 }
diff --git a/examples/magento-graphcms/pages/account/orders/view.tsx b/examples/magento-graphcms/pages/account/orders/view.tsx
@@ -95,6 +95,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   if (getCustomerAccountIsDisabled(context.locale)) return { notFound: true }
 
   const client = graphqlSharedClient(context)
+  const up = { href: '/account/orders', title: t`Orders` }
   const staticClient = graphqlSsrClient(context)
   const config = client.query({ query: StoreConfigDocument })
 
@@ -107,7 +108,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
       ...(await countryRegions).data,
       apolloState: await config.then(() => client.cache.extract()),
       variantMd: 'bottom',
-      up: { href: '/account/orders', title: t`Orders` },
+      up,
     },
   }
 }
diff --git a/examples/magento-graphcms/pages/account/reviews/index.tsx b/examples/magento-graphcms/pages/account/reviews/index.tsx
@@ -78,12 +78,13 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   if (getCustomerAccountIsDisabled(context.locale)) return { notFound: true }
 
   const client = graphqlSharedClient(context)
+  const up = { href: '/account', title: t`Account` }
   const conf = client.query({ query: StoreConfigDocument })
 
   return {
     props: {
       apolloState: await conf.then(() => client.cache.extract()),
-      up: { href: '/account', title: t`Account` },
+      up,
     },
   }
 }
diff --git a/examples/magento-graphcms/pages/blog/[...url].tsx b/examples/magento-graphcms/pages/blog/[...url].tsx
@@ -105,6 +105,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   const urlKey = params?.url.join('/') ?? ''
 
   const client = graphqlSharedClient(context)
+  const up = { href: '/blog', title: t`Blog` }
   const staticClient = graphqlSsrClient(context)
   const limit = 4
   const conf = client.query({ query: StoreConfigDocument })
@@ -131,7 +132,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
       ...pageData,
       ...blogPostsData,
       ...(await layout).data,
-      up: { href: '/blog', title: t`Blog` },
+      up,
       apolloState: await conf.then(() => client.cache.extract()),
     },
     revalidate: revalidate(),

diff --git a/examples/magento-graphcms/pages/blog/tagged/[url].tsx b/examples/magento-graphcms/pages/blog/tagged/[url].tsx
@@ -82,6 +82,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   const { locale, params } = context
   const urlKey = params?.url ?? '??'
   const client = graphqlSharedClient(context)
+  const up = { href: '/blog', title: t`Blog` }
   const staticClient = graphqlSsrClient(context)
   const limit = 99
   const conf = client.query({ query: StoreConfigDocument })
@@ -106,7 +107,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
       ...pageData.data,
       ...posts.data,
       ...(await layout).data,
-      up: { href: '/blog', title: t`Blog` },
+      up,
       apolloState: await conf.then(() => client.cache.extract()),
     },
     revalidate: revalidate(),

diff --git a/examples/magento-graphcms/pages/checkout/customer/addresses/edit.tsx b/examples/magento-graphcms/pages/checkout/customer/addresses/edit.tsx
@@ -95,13 +95,14 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   if (getCartDisabled(context.locale) || getCustomerAccountIsDisabled(context.locale))
     return { notFound: true }
   const client = graphqlSharedClient(context)
+  const up = { href: '/checkout', title: t`Shipping` }
   const conf = client.query({ query: StoreConfigDocument })
 
   return {
     props: {
       apolloState: await conf.then(() => client.cache.extract()),
       variantMd: 'bottom',
-      up: { href: '/checkout', title: t`Shipping` },
+      up,
     },
   }
 }
diff --git a/examples/magento-graphcms/pages/checkout/index.tsx b/examples/magento-graphcms/pages/checkout/index.tsx
@@ -154,6 +154,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   if (getCheckoutIsDisabled(context.locale)) return { notFound: true }
 
   const client = graphqlSharedClient(context)
+  const up = { href: '/cart', title: t`Cart` }
   const conf = client.query({ query: StoreConfigDocument })
   const staticClient = graphqlSsrClient(context)
 
@@ -165,7 +166,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   return {
     props: {
       ...(await layout).data,
-      up: { href: '/cart', title: t`Cart` },
+      up,
       apolloState: await conf.then(() => client.cache.extract()),
     },
   }

diff --git a/examples/magento-graphcms/pages/checkout/payment.tsx b/examples/magento-graphcms/pages/checkout/payment.tsx
@@ -158,6 +158,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   if (getCheckoutIsDisabled(context.locale)) return { notFound: true }
 
   const client = graphqlSharedClient(context)
+  const up = { href: '/checkout', title: t`Shipping` }
   const staticClient = graphqlSsrClient(context)
 
   const conf = client.query({ query: StoreConfigDocument })
@@ -169,7 +170,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   return {
     props: {
       ...(await layout).data,
-      up: { href: '/checkout', title: t`Shipping` },
+      up,
       apolloState: await conf.then(() => client.cache.extract()),
     },
   }

diff --git a/examples/magento-graphcms/pages/checkout/success.tsx b/examples/magento-graphcms/pages/checkout/success.tsx
@@ -103,6 +103,7 @@ export default OrderSuccessPage
 export const getStaticProps: GetPageStaticProps = async (context) => {
   if (getCheckoutIsDisabled(context.locale)) return { notFound: true }
   const client = graphqlSharedClient(context)
+  const up = { href: '/', title: t`Home` }
   const staticClient = graphqlSsrClient(context)
   const conf = client.query({ query: StoreConfigDocument })
   const layout = staticClient.query({
@@ -112,7 +113,7 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   return {
     props: {
       ...(await layout).data,
-      up: { href: '/', title: t`Home` },
+      up,
       apolloState: await conf.then(() => client.cache.extract()),
     },
   }

diff --git a/examples/magento-graphcms/pages/customer/account/createPassword/index.tsx b/examples/magento-graphcms/pages/customer/account/createPassword/index.tsx
@@ -85,13 +85,14 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
   if (getCustomerAccountIsDisabled(context.locale)) return { notFound: true }
 
   const client = graphqlSharedClient(context)
+  const up = { href: '/account/signin', title: t`Sign in` }
   const conf = client.query({ query: StoreConfigDocument })
 
   return {
     props: {
       apolloState: await conf.then(() => client.cache.extract()),
       variantMd: 'bottom',
-      up: { href: '/account/signin', title: t`Sign in` },
+      up,
     },
   }
 }