diff --git a/docs/advanced-features/react-18/streaming.md b/docs/advanced-features/react-18/streaming.md index 984264190dc5..0734d0983464 100644 --- a/docs/advanced-features/react-18/streaming.md +++ b/docs/advanced-features/react-18/streaming.md @@ -68,4 +68,6 @@ Currently, data fetching within `Suspense` boundaries on the server side is not #### Styling -The Next.js team is working on support for `styled-jsx` and CSS modules in streaming SSR. Stay tuned for updates. +Inline styles, Global CSS, CSS modules and Next.js built-in `styled-jsx` are supported with streaming. The Next.js team is working on the guide of integrating other CSS-in-JS solutions in streaming SSR. Stay tuned for updates. + +> Note: The styling code should be only placed in client components, not server components, when using React Server Components diff --git a/errors/client-flush-effects.md b/errors/client-flush-effects.md index 64f107b49990..18ca8dd126cc 100644 --- a/errors/client-flush-effects.md +++ b/errors/client-flush-effects.md @@ -1,16 +1,16 @@ -# `useFlushEffects` can not be called on the client +# `unstable_useFlushEffects` can not be called on the client #### Why This Error Occurred -The `useFlushEffects` hook was executed while rendering a component on the client, or in another unsupported environment. +The `unstable_useFlushEffects` hook was executed while rendering a component on the client, or in another unsupported environment. #### Possible Ways to Fix It -The `useFlushEffects` hook can only be called while _server rendering a client component_. As a best practice, we recommend creating a wrapper hook: +The `unstable_useFlushEffects` hook can only be called while _server rendering a client component_. As a best practice, we recommend creating a wrapper hook: ```jsx // lib/use-style-libraries.js -import { useFlushEffects } from 'next/streaming' +import { unstable_useFlushEffects as useFlushEffects } from 'next/streaming' export default function useStyleLibraries() { if (typeof window === 'undefined') { diff --git a/errors/multiple-flush-effects.md b/errors/multiple-flush-effects.md index 51a9d7a58a0d..b19e88edd04b 100644 --- a/errors/multiple-flush-effects.md +++ b/errors/multiple-flush-effects.md @@ -1,9 +1,9 @@ -# The `useFlushEffects` hook cannot be used more than once. +# The `unstable_useFlushEffects` hook cannot be used more than once. #### Why This Error Occurred -The `useFlushEffects` hook is being used more than once while a page is being rendered. +The `unstable_useFlushEffects` hook is being used more than once while a page is being rendered. #### Possible Ways to Fix It -The `useFlushEffects` hook should only be called inside the body of the `pages/_app` component, before returning any `` boundaries. Restructure your application to prevent extraneous calls. +The `unstable_useFlushEffects` hook should only be called inside the body of the `pages/_app` component, before returning any `` boundaries. Restructure your application to prevent extraneous calls.