docs: fix typos and code examples (#11455)

Co-authored-by: Lenz Weber-Tronic <[email protected]>
apollographql · Jan 3, 2024 · eb2cfee · eb2cfee
1 parent 988f574
commit eb2cfee
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 6 deletions.
diff --git a/docs/source/data/fragments.md b/docs/source/data/fragments.md
@@ -105,7 +105,7 @@ import { ApolloClient, gql, InMemoryCache } from "@apollo/client";
 import { createFragmentRegistry } from "@apollo/client/cache";
 
 const client = new ApolloClient({
-  uri: "http://localhost:4000/graphql"
+  uri: "http://localhost:4000/graphql",
   cache: new InMemoryCache({
     fragments: createFragmentRegistry(gql`
       fragment ItemFragment on Item {
@@ -148,7 +148,7 @@ import { ApolloClient, gql, InMemoryCache } from "@apollo/client";
 import { createFragmentRegistry } from "@apollo/client/cache";
 
 const client = new ApolloClient({
-  uri: "http://localhost:4000/graphql"
+  uri: "http://localhost:4000/graphql",
   cache: new InMemoryCache({
     fragments: createFragmentRegistry(gql`
       fragment ItemFragment on Item {

diff --git a/docs/source/data/suspense.mdx b/docs/source/data/suspense.mdx
@@ -48,6 +48,7 @@ const GET_DOG_QUERY: TypedDocumentNode<Data, Variables> = gql`
       # properly cached.
       id
       name
+      breed
     }
   }
 `;
@@ -121,7 +122,7 @@ function App() {
         onChange={(e) => setSelectedDog(e.target.value)}
       >
         {data.dogs.map(({ id, name }) => (
-          <option key={id} value={id}>{dog.name}</option>
+          <option key={id} value={id}>{name}</option>
         ))}
       </select>
       <Suspense fallback={<div>Loading...</div>}>

diff --git a/docs/source/development-testing/reducing-bundle-size.mdx b/docs/source/development-testing/reducing-bundle-size.mdx
@@ -3,7 +3,7 @@ title: Reducing bundle size
 description: Squeeze those last few bytes out of your production build
 ---
 
-Two quick configuration changes can help your reduce your bundle size: turning off Apollo Client's development mode and picking a consistent style for your imports.  
+Two quick configuration changes can help you reduce your bundle size: turning off Apollo Client's development mode and picking a consistent style for your imports.
 Every byte counts in optimizing your app's performance.
 
 ## Turning off development mode

diff --git a/docs/source/performance/babel.md b/docs/source/performance/babel.md
@@ -8,7 +8,7 @@ To avoid this runtime overhead, you can precompile your queries created with `gr
 
 1. Using [babel-plugin-graphql-tag](#using-babel-plugin-graphql-tag)
 2. Using [graphql-tag.macro](#using-graphql-tagmacro)
-1. Using [ts-transform-graphql-tag](#using-ts-transform-graphql-tag) for Typescript
+1. Using [ts-transform-graphql-tag](#using-ts-transform-graphql-tag) for TypeScript
 
 If you prefer to keep your GraphQL code in separate files (`.graphql` or `.gql`) you can use [babel-plugin-import-graphql](https://github.com/detrohutt/babel-plugin-import-graphql). This plugin still uses `graphql-tag` under the hood, but transparently. You simply `import` your operations/fragments as if each were an export from your GraphQL file. This carries the same precompilation benefits as the above approaches.
 

diff --git a/src/react/hoc/__tests__/shared-operations.test.tsx b/src/react/hoc/__tests__/shared-operations.test.tsx
@@ -90,7 +90,7 @@ describe("shared operations", () => {
       people: DataValue<PeopleData>;
     }
 
-    // Since we want to test decorators usage, and this does not play well with Typescript,
+    // Since we want to test decorators usage, and this does not play well with TypeScript,
     // we resort to setting everything as any to avoid type checking.
     const withPeople: any = graphql<{}, PeopleData, {}, PeopleChildProps>(
       peopleQuery,