[BUG] `useLayoutEffect` warning in dev mode

[joulev]

Describe the bug
When using react-tooltip, there is a useLayoutEffect warning, although the tooltip itself works fine.

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.

    at he (/Users/joulev/dev/www/debug/node_modules/.pnpm/react-
tooltip@5.8.1_biqbaboplfbrettd7655fr4n2y/node_modules/react-tooltip/dist/react-
tooltip.cjs.min.js:15:3103)
    at exports.Tooltip (/Users/joulev/dev/www/debug/node_modules/.pnpm/react-
tooltip@5.8.1_biqbaboplfbrettd7655fr4n2y/node_modules/react-tooltip/dist/react-
tooltip.cjs.min.js:15:7943)
    ...

Version of Package
v5.8.1

To Reproduce

• Clone https://github.com/joulev/debug/tree/react-tooltips-uselayouteffect-warning
• pnpm install
• pnpm dev
• Above warning is shown.

Expected behavior
No warning should be shown.

Screenshots
N/A

Additional context
The repro repo uses Next.js 13, but this one is different from #933 as I have disabled SWC minification.

[gabrieljablonski]

According to this link a few big react projects currently use the following workaround:

import { useLayoutEffect, useEffect } from 'react';
const useIsomorphicLayoutEffect =
  typeof window !== 'undefined' ? useLayoutEffect : useEffect;
export default useIsomorphicLayoutEffect;

Apparently there aren't any undesired side effects, so we're probably going to include this soon.

Thanks for reporting it.

[gabrieljablonski]

react-tooltip@5.8.2 has been released with this fix.

[k2xl]

I'm seeing this on "react-tooltip": "^5.21.6",

[gabrieljablonski]

@k2xl please open a new issue and provide more information about your environment (framework you're using and the version, etc). If possible, a reproducible sample would help a lot.