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.

[vikasg603]

Version

Latest ^6.0.0

Steps to reproduce

Using the library on NextJS

Expected Behavior

There should be no use of useLayoutEffect

Actual Behavior

Library is using useLayoutEffect

[ericgio]

Hey @vikasg603, thanks for opening this issue. I'll take a look; it may be we don't need to use useLayoutEffect here. That said, the use of useLayoutEffect in general is totally valid. If you're using SSR and running into this warning with client-side components, then you should delay rendering until you're in a client-side environment.

[vikasg603]

@ericgio but may i know the reason of closing the issue?
I don’t think it is solved till now.

[ericgio]

@vikasg603: as I mentioned above, there's nothing inherently wrong about using useLayoutEffect in this library. The warning is related to your integration of the library in your codebase, which is something I can't control.