25 lines
684 B
Markdown
25 lines
684 B
Markdown
|
# `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.
|
||
|
|
|
||
|
|
#### 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:
|
||
|
|
|
||
|
|
```jsx
|
||
|
|
// lib/use-style-libraries.js
|
||
|
|
import { useFlushEffects } from 'next/streaming'
|
||
|
|
|
||
|
|
export default function useStyleLibraries() {
|
||
|
|
if (typeof window === 'undefined') {
|
||
|
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
||
|
|
useFlushEffects([
|
||
|
|
/* ... */
|
||
|
|
])
|
||
|
|
}
|
||
|
|
/* ... */
|
||
|
|
}
|
||
|
|
```
|