@apollo/client 4.1.8 → 4.1.9

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @apollo/client
 
+## 4.1.9
+
+### Patch Changes
+
+- [#13203](https://github.com/apollographql/apollo-client/pull/13203) [`099954b`](https://github.com/apollographql/apollo-client/commit/099954b9905c0f80b57563eb64157386f4493e84) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Remove the `workspaces` field from the published `package.json` in `dist` to avoid Yarn v1 warnings about workspaces requiring private packages.
+
 ## 4.1.8
 
 ### Patch Changes

package/__cjs/version.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.build = exports.version = void 0;
-exports.version = "4.1.8";
+exports.version = "4.1.9";
 exports.build = "cjs";
 //# sourceMappingURL=version.cjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apollo/client",
-  "version": "4.1.8",
+  "version": "4.1.9",
   "description": "A fully-featured caching GraphQL client.",
   "private": false,
   "keywords": [
@@ -344,10 +344,5 @@
     "**/*.js.map",
     "**/*.d.ts",
     "**/*.json"
-  ],
-  "workspaces": [
-    "dist",
-    "codegen",
-    "scripts/codemods/ac3-to-ac4"
   ]
 }

package/skills/apollo-client/references/error-handling.md

@@ -309,6 +309,12 @@ When using suspenseful hooks, you should use React Error Boundaries for graceful
 ### Non-suspense per-Component Error Handling
 
 ```tsx
+import {
+  CombinedGraphQLErrors,
+  ServerError,
+  ServerParseError,
+} from "@apollo/client/errors";
+
 function SafeUserList() {
   const { data, error, loading, refetch } = useQuery(GET_USERS, {
     errorPolicy: "all",
@@ -316,7 +322,7 @@ function SafeUserList() {
   });
 
   // Handle network errors
-  if (error?.networkError) {
+  if (ServerError.is(error) || ServerParseError.is(error)) {
     return (
       <Alert severity="error">
         <AlertTitle>Connection Error</AlertTitle>
@@ -329,7 +335,7 @@ function SafeUserList() {
   // Handle GraphQL errors but still show available data
   return (
     <div>
-      {error?.graphQLErrors && (
+      {CombinedGraphQLErrors.is(error) && (
         <Alert severity="warning">
           Some data may be incomplete: {error.graphQLErrors[0].message}
         </Alert>

package/skills/apollo-client/references/integration-client.md

@@ -100,13 +100,9 @@ function UserList() {
   if (loading) return <p>Loading...</p>;
   if (error) return <p>Error: {error.message}</p>;
 
-  // TypeScript: dataState === "ready" provides better type narrowing than just checking data
+  // TypeScript note: for stricter type narrowing, you can also check `dataState === "complete"` before accessing data
   return (
-    <ul>
-      {data.users.map((user) => (
-        <li key={user.id}>{user.name}</li>
-      ))}
-    </ul>
+    <ul>{data?.users.map((user) => <li key={user.id}>{user.name}</li>)}</ul>
   );
 }
 ```
@@ -134,8 +130,8 @@ function UserProfile({ userId }: { userId: string }) {
   if (loading) return <p>Loading...</p>;
   if (error) return <p>Error: {error.message}</p>;
 
-  // TypeScript: dataState === "ready" provides better type narrowing than just checking data
-  return <div>{data.user.name}</div>;
+  // TypeScript note: for stricter type narrowing, you can also check `dataState === "complete"` before accessing data
+  return <div>{data?.user.name}</div>;
 }
 ```
 

package/skills/apollo-client/references/state-management.md

@@ -4,7 +4,7 @@
 
 - [Reactive Variables](#reactive-variables)
 - [Local-Only Fields](#local-only-fields)
-- [Local Field Read Functions (Type Policies)](#local-field-read-functions-type-policies)
+- [LocalState Resolvers](#localstate-resolvers)
 - [Combining Remote and Local State](#combining-remote-and-local-state)
 - [useReactiveVar Hook](#usereactivevar-hook)
 

package/version.js

@@ -1,3 +1,3 @@
-export const version = "4.1.8";
+export const version = "4.1.9";
 export const build = "esm";
 //# sourceMappingURL=version.js.map