From b2d2f6507140938304b58dcfeb08142753eac1ed Mon Sep 17 00:00:00 2001
From: Rami Bitar <rbitar@gmail.com>
Date: Sat, 29 Aug 2026 21:31:32 -0400
Subject: [PATCH] Fix Hydrogen webpack build and editor link keys

---
 components/shopify/footer.tsx |  4 ++--
 next.config.js                | 10 +++++++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/components/shopify/footer.tsx b/components/shopify/footer.tsx
index d2811f5..022bf24 100644
--- a/components/shopify/footer.tsx
+++ b/components/shopify/footer.tsx
@@ -54,9 +54,9 @@ const Footer: React.FC<FooterProps> = ({
           />
 
           <nav className="flex flex-wrap items-center justify-center gap-x-5 gap-y-2 sm:justify-start">
-            {links.map((link) => (
+            {links.map((link, index) => (
               <a
-                key={link.label}
+                key={`${link.url}-${index}`}
                 href={link.url}
                 className="text-sm text-muted-foreground hover:text-foreground transition-colors"
               >
diff --git a/next.config.js b/next.config.js
index b0a239b..f75bce8 100644
--- a/next.config.js
+++ b/next.config.js
@@ -27,8 +27,16 @@ export default {
   experimental: {
     reactDebugChannel: false,
   },
-  webpack: (config, { isServer }) => {
+  webpack: (config, { isServer, webpack }) => {
     config.cache = { type: 'memory' };
+    // Hydrogen's root entry imports this browser-only analytics module by URL.
+    // Webpack resolves it before tree-shaking and otherwise rejects the https: scheme.
+    config.plugins.push(
+      new webpack.IgnorePlugin({
+        resourceRegExp:
+          /^https:\/\/cdn\.shopify\.com\/storefront\/standard-events\.js$/,
+      })
+    );
     if (isServer) {
       config.optimization = config.optimization || {};
       config.optimization.splitChunks = false;