Skip to main content

useIsMounted

마운트된 상태인지 여부를 확인할 수 있는 상태 값을 제공하는 커스텀 훅입니다.

SSR 환경에서 실제 컴포넌트가 브라우저에 mount 되었다는 것을 보장하기 위해 사용할 수 있습니다. (Feat. Hydration Error)


Code​

🔗 실제 구현 코드 확인

Interface​

typescript
const useIsMounted: () => boolean

Usage​

typescript
import { useIsMounted } from '@modern-kit/react';

const Example = () => {
  const isMounted = useIsMounted();

  return <div>{isMounted ? 'done' : 'in progress'}</div>;
};