diff --git a/.changeset/react-query-next-experimental-environment-manager-isserver.md b/.changeset/react-query-next-experimental-environment-manager-isserver.md new file mode 100644 index 00000000000..bfc0740c8b9 --- /dev/null +++ b/.changeset/react-query-next-experimental-environment-manager-isserver.md @@ -0,0 +1,5 @@ +--- +'@tanstack/react-query-next-experimental': patch +--- + +fix(react-query-next-experimental): replace deprecated 'isServer' with 'environmentManager.isServer()' diff --git a/packages/react-query-next-experimental/src/HydrationStreamProvider.tsx b/packages/react-query-next-experimental/src/HydrationStreamProvider.tsx index c97f0c26d6a..faa17dd7ef3 100644 --- a/packages/react-query-next-experimental/src/HydrationStreamProvider.tsx +++ b/packages/react-query-next-experimental/src/HydrationStreamProvider.tsx @@ -1,6 +1,6 @@ 'use client' -import { isServer } from '@tanstack/react-query' +import { environmentManager } from '@tanstack/react-query' import { useServerInsertedHTML } from 'next/navigation' import * as React from 'react' import { htmlEscapeJsonString } from './htmlescape' @@ -106,7 +106,7 @@ export function createHydrationStreamProvider() { // const [stream] = React.useState>(() => { - if (!isServer) { + if (!environmentManager.isServer()) { return { push() { // no-op on the client @@ -154,7 +154,7 @@ export function createHydrationStreamProvider() { // the initial render so children have access to the data immediately // This is important to avoid the client suspending during the initial render // if the data has not yet been hydrated. - if (!isServer) { + if (!environmentManager.isServer()) { const win = window as any if (!win[id]?.initialized) { // Client: consume cache: diff --git a/packages/react-query-next-experimental/src/ReactQueryStreamedHydration.tsx b/packages/react-query-next-experimental/src/ReactQueryStreamedHydration.tsx index fb1505707c3..b86c9f48b19 100644 --- a/packages/react-query-next-experimental/src/ReactQueryStreamedHydration.tsx +++ b/packages/react-query-next-experimental/src/ReactQueryStreamedHydration.tsx @@ -3,8 +3,8 @@ import { defaultShouldDehydrateQuery, dehydrate, + environmentManager, hydrate, - isServer, useQueryClient, } from '@tanstack/react-query' import * as React from 'react' @@ -42,7 +42,7 @@ export function ReactQueryStreamedHydration(props: { const [trackedKeys] = React.useState(() => new Set()) // - if (isServer) { + if (environmentManager.isServer()) { // Do we need to care about unsubscribing? I don't think so to be honest queryClient.getQueryCache().subscribe((event) => { switch (event.type) {