[Snyk] Upgrade @apollo/experimental-nextjs-app-support from 0.10.1 to 0.11.0

[tatsutakein]

This PR was automatically created by Snyk using the credentials of a real user.


Snyk has created this PR to upgrade @apollo/experimental-nextjs-app-support from 0.10.1 to 0.11.0.

ℹ️ Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.

---

• The recommended version is 1 version ahead of your current version.

• The recommended version was released on a month ago.

Release notes

Package name: @apollo/experimental-nextjs-app-support

• 0.11.0 - 2024-05-29
  

  Prefetching queries for Client Components in RSC

  Calling registerApolloClient in RSC now also returns a PrefetchQuery component that can be used to prefetch queries in RSC to seed the Client Component cache.

  Usage looks like

  <PreloadQuery
    query={QUERY}
    variables={{
      foo: 1,
    }}
  >
    <Suspense fallback={<>loading</>}>
      <ClientChild />
    </Suspense>
  </PreloadQuery>

  Client Components further down in the component tree can continue using useSuspenseQuery with the same QUERY to retrieve that data.

  "use client";

  import { useSuspenseQuery } from "@ apollo/client";
  // ...

  export function ClientChild() {
  const { data } = useSuspenseQuery(QUERY);
  return <div>...</div>;
  }

  This also works with QueryRefs for usage with useReadQuery in Client Components.

  For more details, see the new documentation at
  https://github.com/apollographql/apollo-client-nextjs/tree/main?tab=readme-ov-file#preloading-data-in-rsc-for-usage-in-client-components

  Renamed exports

  In the past, the @ apollo/experimental-nextjs-app-support package had two entry points, /rsc and /ssr.
  This has caused a lot of confusion, and both entry points have been moved together into the base entry point, @ apollo/experimental-nextjs-app-support.

  On top of that, the Apollo Client React hooks (useQuery, useSuspenseQuery, etc.) no longer need to be imported from @ apollo/experimental-nextjs-app-support, but they can be imported directly from @ apollo/client now, while still being streaming-compatible.

  Also, a few exports have been renamed:

  • NextSSRApolloClient -> ApolloClient
  • NextSSRInMemoryCache -> InMemoryCache
  • resetNextSSRApolloSingletons -> resetApolloClientSingletons

  The old entry points with the old exports still exist and each of them has a @ deprecated docblock explaining the new import to use.

  Next.js 15 support

  next@15-rc has been added to the peerDependencies, so this package can now be used with Next.js 15.

  Thank you for the PR, @ nphmuller!

  Less transported data

  In the past, we used the superjson package to serialize data to be transported from streaming SSR into the browser.
  This package is great to allow values like undefined, circular references, and built-in class instances, like Dates.
  Unfortunately, though, this adds a lot of metadata to the transported data.

  Since the data we need to transport is already JSON-serializable and we only need a bit of extra handling for undefined, the SuperJSON dependency has been replaced with a more custom approach.
  This considerably reduces the amount of data transported.
  If you have custom non-serializable data that needs to be transported, you can provide custom stringify and revive functions.

  On top of that, we now transport a minified version of the Query, which saves additional data.

  @ apollo/client-react-streaming/stream-utils

  We have added a new entry point, @ apollo/client-react-streaming/stream-utils, which exports helper functions you can use to integrate Apollo Client with custom streaming SSR setups with renderToReadableStream and renderToPipeableStream, e.g., in Vite.

  We are still working on documentation for this feature, but you can already take a peek at https://deploy-preview-11807--apollo-client-docs.netlify.app/ssr-and-rsc/custom-streaming-ssr.

  What's Changed

  • remove superjson dependency by @ phryneas in #274
  • Transport minified version of query. by @ phryneas in #277
  • add stream-utils sub-import by @ phryneas in #294
  • update dependencies by @ phryneas in #297
  • RSC preloading mechanism by @ phryneas in #258
  • add shared @ apollo/experimental-nextjs-app-support entry point by @ phryneas in #300
  • Support next@15.0.0-rc.0 by @ nphmuller in #304
  • Use a symbol property instead of instanceOf to check for correct ApolloClient/InMemoryCache by @ phryneas in #302
  • Add deprecation messages to moved exports. by @ phryneas in #301
  • update README to include PreloadQuery by @ phryneas in #303

  New Contributors

  • @ nphmuller made their first contribution in #304

  Full Changelog: v.0.10.1...v.0.11.0

• 0.10.1 - 2024-05-08
  

  What's Changed

  • Allow using the browser build of ApolloNextAppProvider outside of Next.js, e.g. for tests. by @ phryneas in #284

  Full Changelog: v.0.10.0...v.0.10.1

from @apollo/experimental-nextjs-app-support GitHub release notes

---

Important

• Check the changes in this PR to ensure they won't cause issues with your project.
• This PR was automatically created by Snyk using the credentials of a real user.

---

Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

For more information:

• 🧐 View latest project report
• 📜 Customise PR templates
• 🛠 Adjust upgrade PR settings
• 🔕 Ignore this dependency or unsubscribe from future upgrade PRs