diff --git a/packages/next/client/streaming/index.ts b/packages/next/client/streaming/index.ts index 593ede04a0299d1..d072e85795ae46b 100644 --- a/packages/next/client/streaming/index.ts +++ b/packages/next/client/streaming/index.ts @@ -1,3 +1,3 @@ export { useRefreshRoot as unstable_useRefreshRoot } from './refresh' export { useWebVitalsReport as unstable_useWebVitalsReport } from './vitals' -export { useFlushEffects } from '../../shared/lib/flush-effects' +export { useFlushEffects as unstable_useFlushEffects } from '../../shared/lib/flush-effects' diff --git a/packages/next/shared/lib/flush-effects.ts b/packages/next/shared/lib/flush-effects.ts index d1286db2648c3e6..341c126ed9e63d9 100644 --- a/packages/next/shared/lib/flush-effects.ts +++ b/packages/next/shared/lib/flush-effects.ts @@ -13,7 +13,7 @@ export function useFlushEffects(callbacks: Array<() => React.ReactNode>): void { `\nRead more: https://nextjs.org/docs/messages/client-flush-effects` ) } - return flushEffectsImpl!(callbacks) + return flushEffectsImpl(callbacks) } if (process.env.NODE_ENV !== 'production') { diff --git a/test/integration/react-18/app/pages/use-flush-effect/client.js b/test/integration/react-18/app/pages/use-flush-effect/client.js index 271e6dd43f821e6..884d7f9266ecdda 100644 --- a/test/integration/react-18/app/pages/use-flush-effect/client.js +++ b/test/integration/react-18/app/pages/use-flush-effect/client.js @@ -1,4 +1,4 @@ -import { useFlushEffects } from 'next/streaming' +import { unstable_useFlushEffects } from 'next/streaming' import React from 'react' class ErrorBoundary extends React.Component { @@ -18,7 +18,7 @@ class ErrorBoundary extends React.Component { } function Component() { - useFlushEffects([]) + unstable_useFlushEffects([]) return null } diff --git a/test/integration/react-18/app/pages/use-flush-effect/custom.js b/test/integration/react-18/app/pages/use-flush-effect/custom.js index 61d639c4df0c8fc..f8d09da3462d3c1 100644 --- a/test/integration/react-18/app/pages/use-flush-effect/custom.js +++ b/test/integration/react-18/app/pages/use-flush-effect/custom.js @@ -1,9 +1,9 @@ -import { useFlushEffects } from 'next/streaming' +import { unstable_useFlushEffects } from 'next/streaming' export default function Custom() { if (typeof window === 'undefined') { // eslint-disable-next-line react-hooks/rules-of-hooks - useFlushEffects([ + unstable_useFlushEffects([ () => foo, () => bar, ]) diff --git a/test/integration/react-18/app/pages/use-flush-effect/multiple-calls.js b/test/integration/react-18/app/pages/use-flush-effect/multiple-calls.js index ce26f3b22296edb..5417eac3457aca8 100644 --- a/test/integration/react-18/app/pages/use-flush-effect/multiple-calls.js +++ b/test/integration/react-18/app/pages/use-flush-effect/multiple-calls.js @@ -1,9 +1,9 @@ -import { useFlushEffects } from 'next/streaming' +import { unstable_useFlushEffects } from 'next/streaming' function Component() { if (typeof window === 'undefined') { // eslint-disable-next-line react-hooks/rules-of-hooks - useFlushEffects([]) + unstable_useFlushEffects([]) } return null }