Hi,
When using useComponentSize with server side rendering we experience this warning.
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://fb.me/react-uselayouteffect-ssr for common fixes.%s
The warning points to this ressource https://fb.me/react-uselayouteffect-ssr for correct handling on the server.
This is not major but should be better for those of us using SSR 😉
Anyways, thanks for lib!
Hi,
When using
useComponentSizewith server side rendering we experience this warning.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://fb.me/react-uselayouteffect-ssr for common fixes.%sThe warning points to this ressource https://fb.me/react-uselayouteffect-ssr for correct handling on the server.
This is not major but should be better for those of us using SSR 😉
Anyways, thanks for lib!