useIsomorphicLayoutEffect

Exports Size

Gzip Size

Brotli Size

Source Code

View on GitHub

Docs

Edit this page

useLayoutEffect that does not show warning when server-side rendering.

Usage

- import { useLayoutEffect } from 'react';
+ import { useIsomorphicLayoutEffect } from 'foxact/use-isomorphic-layout-effect';

Note that eslint-plugin-react-hooks (opens in a new tab) requires extra configuration in order to check dependency array for third-party hooks:

.eslintrc.json

{
  "rules": {
    "react-hooks/exhaustive-deps": [
      "warn",
      {
        "additionalHooks": "useIsomorphicLayoutEffect"
      }
    ]
  }
}

But if you do not want to configure it, foxact/use-isomorphic-layout-effect also provides another named export useLayoutEffect as an alias of useIsomorphicLayoutEffect:

- import { useLayoutEffect } from 'react';
+ import { useLayoutEffect } from 'foxact/use-isomorphic-layout-effect';

useIsOnline useLocalStorage