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
}