ilokesto

ClientOnly

ClientOnly는 클라이언트에서 mount된 후에만 children을 렌더링합니다. SSR 및 첫 클라이언트 렌더 동안 fallback(기본값 null)을 보여주어 브라우저 전용 UI의 hydration mismatch를 방지합니다.

import { ClientOnly } from '@ilokesto/utilinent';

<ClientOnly fallback={<Skeleton />}><HeavyChart /></ClientOnly>

프로퍼티

PropType설명
childrenReactNodemount 후 렌더링됩니다.
fallbackReactNodeSSR / mount 전에 렌더링됩니다. 기본값은 null입니다.

목차