rsnext/errors/client-flush-effects.md
Jiachi Liu 27d23f5b7b
docs: update styling support for streaming (#35375)
## Documentation / Examples

- [x] Make sure the linting passes by running `yarn lint`
2022-03-26 20:19:21 +00:00

739 B

unstable_useFlushEffects can not be called on the client

Why This Error Occurred

The unstable_useFlushEffects hook was executed while rendering a component on the client, or in another unsupported environment.

Possible Ways to Fix It

The unstable_useFlushEffects hook can only be called while server rendering a client component. As a best practice, we recommend creating a wrapper hook:

// lib/use-style-libraries.js
import { unstable_useFlushEffects as useFlushEffects } from 'next/streaming'

export default function useStyleLibraries() {
  if (typeof window === 'undefined') {
    // eslint-disable-next-line react-hooks/rules-of-hooks
    useFlushEffects([
      /* ... */
    ])
  }
  /* ... */
}