Add documentation for useSuspenseFragment

[jerelmiller]

Adds some documentation for the new useSuspenseFragment hook to the Fragments page.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 2af31d0

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[svc-apollo-docs]

⚠️ Docs preview not attached to branch

The preview was not built because the PR's base branch release-3.13 is not in the list of sources.

An Apollo team member can comment one of the following commands to dictate which branch to attach the preview to:

• !docs set-base-branch version-2.6
• !docs set-base-branch main

Build ID: e9d916cf98daa63579a79fb0

[jerelmiller]

!docs set-base-branch release-3.13

[pkg-pr-new]

npm i https://pkg.pr.new/@apollo/client@12356

commit: 2af31d0

[jerelmiller]

Noticed this typo when reading through so I went ahead and fixed this.

[github-actions]

size-limit report 📦

Path	Size
dist/apollo-client.min.cjs	41.25 KB (0%)
import { ApolloClient, InMemoryCache, HttpLink } from "dist/main.cjs"	50.7 KB (0%)
import { ApolloClient, InMemoryCache, HttpLink } from "dist/main.cjs" (production)	47.77 KB (0%)
import { ApolloClient, InMemoryCache, HttpLink } from "dist/index.js"	36.25 KB (0%)
import { ApolloClient, InMemoryCache, HttpLink } from "dist/index.js" (production)	33.64 KB (0%)
import { ApolloProvider } from "dist/react/index.js"	1.26 KB (0%)
import { ApolloProvider } from "dist/react/index.js" (production)	1.24 KB (0%)
import { useQuery } from "dist/react/index.js"	5.21 KB (0%)
import { useQuery } from "dist/react/index.js" (production)	4.3 KB (0%)
import { useLazyQuery } from "dist/react/index.js"	5.71 KB (0%)
import { useLazyQuery } from "dist/react/index.js" (production)	4.78 KB (0%)
import { useMutation } from "dist/react/index.js"	3.62 KB (0%)
import { useMutation } from "dist/react/index.js" (production)	2.84 KB (0%)
import { useSubscription } from "dist/react/index.js"	4.43 KB (0%)
import { useSubscription } from "dist/react/index.js" (production)	3.48 KB (0%)
import { useSuspenseQuery } from "dist/react/index.js"	5.88 KB (0%)
import { useSuspenseQuery } from "dist/react/index.js" (production)	4.54 KB (0%)
import { useBackgroundQuery } from "dist/react/index.js"	5.37 KB (0%)
import { useBackgroundQuery } from "dist/react/index.js" (production)	4.04 KB (0%)
import { useLoadableQuery } from "dist/react/index.js"	5.46 KB (0%)
import { useLoadableQuery } from "dist/react/index.js" (production)	4.11 KB (0%)
import { useReadQuery } from "dist/react/index.js"	3.42 KB (0%)
import { useReadQuery } from "dist/react/index.js" (production)	3.37 KB (0%)
import { useFragment } from "dist/react/index.js"	2.37 KB (0%)
import { useFragment } from "dist/react/index.js" (production)	2.32 KB (0%)

[netlify]

✅ Deploy Preview for apollo-client-docs ready!

Name	Link
🔨 Latest commit	2af31d0
🔍 Latest deploy log	https://app.netlify.com/sites/apollo-client-docs/deploys/67ab7e7fe674d900084b9c68
😎 Deploy Preview	https://deploy-preview-12356--apollo-client-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[jerelmiller]

I know we are trying to use <Caution> sparingly, but this one seemed like a good use of it. If you don't abide by this rule then you will have a forever-suspending component which might frustrate you. I'm welcome to other ideas if this still doesn't pass the bar.

[Meschreiber]

Agreed, definitely something worth cautioning!

[phryneas]

This reads good to me :)

[Meschreiber]

LGTM! Just a couple of teeny nits of style/clarity.

[Meschreiber]

Agreed, definitely something worth cautioning!