Avoid useLayoutEffect wairning in ssr

[wdh2100]

Version
Latest ^6.0.0

Steps to reproduce
Using the library on NextJS

Expected Behavior
Avoid useLayoutEffect wairning

Warning: useLayoutEffect does nothing on the server, because its effect cannot be encoded into the server renderer's output form
..

ref :

• Warning: useLayoutEffect does nothing on the server, because its effect cannot be encoded into the server renderer's output format. This will lead to a mismatch between the initial, non-hydrated UI and the intended UI. To avoid this, useLayoutEffect should only be used in components that render exclusively on the client. See https://reactjs.org/link/uselayouteffect-ssr for common fixes. #753
• useLayoutEffect in ssr facebook/react#14927
• https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85

[ericgio]

Hi @wdh2100, thanks for opening this issue. As mentioned in #753, the library doesn't know if it's being rendered on the client or the server. You can probably just ignore the warning, but if you really want to suppress it, you can render a fallback UI while rendering on the server.

[wdh2100]

Hi @wdh2100, thanks for opening this issue. As mentioned in #753, the library doesn't know if it's being rendered on the client or the server. You can probably just ignore the warning, but if you really want to suppress it, you can render a fallback UI while rendering on the server.

@ericgio Thanks reply