Skip to content
This repository has been archived by the owner on Jul 20, 2024. It is now read-only.

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

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

tatsutakein
Copy link
Member

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


![snyk-top-banner](https://github.com/andygongea/OWASP-Benchmark/assets/818805/c518c423-16fe-447e-b67f-ad5a49b5d123)

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

    New Contributors

    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:

….11.0

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

See this package in npm:
@apollo/experimental-nextjs-app-support

See this project in Snyk:
https://app.snyk.io/org/tatsutakein/project/9749cf28-33fd-4444-b2db-6430ae2d5f46?utm_source=github&utm_medium=referral&page=upgrade-pr
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants