useIsMounted

A hook for checking if the component is mounted.

Installation

pnpm dlx shadcn@latest add https://mhl5.vercel.app/r/useIsMounted.json

Usage

import { useIsMounted } from "@/hooks/useIsMounted";

const isMounted = useIsMounted();

// Use to prevent hydration errors
if (!isMounted) {
  return <div>Loading...</div>;
}

return <ClientOnlyComponent />;