useMounted

Hook

Returns true after the component has mounted. Useful for SSR-safe rendering.

npx arupui add use-mounted

Usage

use-mounted.tsx
import { useMounted } from "@/hooks/use-mounted"

function Component() {
  const mounted = useMounted()

  if (!mounted) return <Skeleton />
  return <ClientOnlyContent />
}

Returns

boolean
Theme Editor

Theme

Radius0.5rem
Letter Spacing0em

Colors

light