docs: update styling support for streaming (#35375)

## Documentation / Examples - [x] Make sure the linting passes by running `yarn lint`
vercel · Mar 26, 2022 · 27d23f5 · 27d23f5
1 parent b82f546
commit 27d23f5
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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 `<Suspense>` 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 `<Suspense>` boundaries. Restructure your application to prevent extraneous calls.