Skip to content

useIsomorphicLayoutEffect

클라이언트에서는 useLayoutEffect를, 서버에서는 useEffect를 리턴하는 Effect Hook

example

tsx
import { useIsomorphicLayoutEffect } from 'utils-dev-krak/react';

const Comp = () => {
  // 클라이언트 환경에서
  useIsomorphicLayoutEffect(() => {
    // useLayoutEffect
    console.log('window: ', window); // Window
  }, []);

  // 서버 환경에서
  useIsomorphicLayoutEffect(() => {
    // useEffect
    console.log('window: ', window); // undefined
  }, []);

  return <div>UI</div>;
};