[Data masking] Allow null as a valid from value

[jerelmiller]

While trying out data masking with the Spotify showcase, I discovered some cases where it was a bit difficult to adopt data masking without some significant refactors. For example, see apollographql/spotify-showcase@a24c3ed. In this component, I had to split out a fallback component and a component that renders the non-null case simply because we can't conditionally render hooks and null is not a valid from value in useFragment. By adding support for null, it should make data masking a bit easier to adopt by avoiding these types of refactors where a fallback state is perfectly valid.

[changeset-bot]

🦋 Changeset detected

Latest commit: f30d83c

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@apollo/client	Minor

Not sure what this means? Click here to learn what changesets are.

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

[svc-apollo-docs]

✅ Docs Preview Ready

No new or changed pages found.

[pkg-pr-new]

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

commit: f30d83c

[jerelmiller]

Here is the updated component with this change: apollographql/spotify-showcase@c630fa9

Much cleaner and required much less updating.

[github-actions]

size-limit report 📦

Path	Size
dist/apollo-client.min.cjs	40.63 KB (+0.07% 🔺)
import { ApolloClient, InMemoryCache, HttpLink } from "dist/main.cjs"	51.03 KB (+0.05% 🔺)
import { ApolloClient, InMemoryCache, HttpLink } from "dist/main.cjs" (production)	47.58 KB (+0.05% 🔺)
import { ApolloClient, InMemoryCache, HttpLink } from "dist/index.js"	36.32 KB (0%)
import { ApolloClient, InMemoryCache, HttpLink } from "dist/index.js" (production)	33.55 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.85 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.51 KB (0%)
import { useSuspenseQuery } from "dist/react/index.js" (production)	4.17 KB (0%)
import { useBackgroundQuery } from "dist/react/index.js"	5.01 KB (0%)
import { useBackgroundQuery } from "dist/react/index.js" (production)	3.66 KB (0%)
import { useLoadableQuery } from "dist/react/index.js"	5.09 KB (0%)
import { useLoadableQuery } from "dist/react/index.js" (production)	3.74 KB (0%)
import { useReadQuery } from "dist/react/index.js"	3.42 KB (0%)
import { useReadQuery } from "dist/react/index.js" (production)	3.36 KB (0%)
import { useFragment } from "dist/react/index.js"	2.37 KB (+1.34% 🔺)
import { useFragment } from "dist/react/index.js" (production)	2.31 KB (+1.33% 🔺)