#40LifecycleEasy

useIsomorphicLayoutEffect

useIsomorphicLayoutEffect

useLayoutEffect that does not show warning when server-side rendering, see Alex Reardon's article for more info.

Usage

import {useIsomorphicLayoutEffect} from 'react-use';

const Demo = ({value}) => {
  useIsomorphicLayoutEffect(() => {
    window.console.log(value)
  }, [value]);

  return null;
};

Reference

useIsomorphicLayoutEffect(effect: EffectCallback, deps?: ReadonlyArray<any> | undefined);
// TODO: implement useIsomorphicLayoutEffect
function notImplemented(..._args: any[]): any {
  throw new Error('Not implemented');
}
export default notImplemented;
export const useIsomorphicLayoutEffect = notImplemented;

Open browser consoleTests