[2025-07] Fix GraphQL client sourcemap warnings and optimize dependency loading (#3108)

* Fix GraphQL client sourcemap warnings and optimize dependency loading

Fixes #3093

Updates @shopify/graphql-client to v1.4.1 which includes a fix for missing sourcemaps, and pre-optimizes the dependency in Vite to prevent "new dependencies optimized" messages during development.

## What's fixed
- Eliminates sourcemap warnings about missing source files
- Prevents unexpected page reloads from dependency optimization

## Technical changes
- Updated @shopify/graphql-client from v1.4.0 to v1.4.1
- Added @shopify/graphql-client to optimizeDeps.include in Vite plugin

* format

Author: juanpprieto

.changeset/fix-graphql-client-warnings.md

@@ -0,0 +1,15 @@
+---
+'@shopify/hydrogen': patch
+---
+
+Fix GraphQL client development warnings
+
+Updates `@shopify/graphql-client` from v1.4.0 to v1.4.1 to resolve sourcemap warnings and pre-optimizes the dependency in Vite configuration to prevent unexpected page reloads during development.
+
+**What's fixed:**
+- Eliminates sourcemap warnings: "Sourcemap for '/node_modules/@shopify/graphql-client/dist/graphql-client/graphql-client.mjs' points to missing source files"
+- Prevents "new dependencies optimized" messages and automatic page reloads during development
+
+**Technical changes:**
+- Updated `@shopify/graphql-client` dependency to v1.4.1 which includes proper sourcemap generation
+- Added `@shopify/graphql-client` to Vite's `optimizeDeps.include` array for pre-optimization

package-lock.json

@@ -75,7 +75,7 @@
     "type-fest": "^4.33.0",
     "use-resize-observer": "^9.1.0",
     "worktop": "^0.7.3",
-    "@shopify/graphql-client": "1.4.0"
+    "@shopify/graphql-client": "1.4.1"
   },
   "devDependencies": {
     "react-router": "7.6.0",

packages/hydrogen/package.json

@@ -80,8 +80,12 @@ export function hydrogen(pluginOptions: HydrogenPluginOptions = {}): Plugin[] {
             // Avoid optimizing Hydrogen itself in the monorepo
             // to prevent caching source code changes:
             include: isHydrogenMonorepo
-              ? ['content-security-policy-builder', 'worktop/cookie']
-              : ['@shopify/hydrogen'],
+              ? [
+                  'content-security-policy-builder',
+                  'worktop/cookie',
+                  '@shopify/graphql-client',
+                ]
+              : ['@shopify/hydrogen', '@shopify/graphql-client'],
           },
         };
       },