use-lazy-ref

PreviousNext
Docs
diceuihook

Preview

Loading preview…
hooks/use-lazy-ref.ts
import * as React from "react";

function useLazyRef<T>(fn: () => T) {
  const ref = React.useRef<T | null>(null);

  if (ref.current === null) {
    ref.current = fn();
  }

  return ref as React.RefObject<T>;
}

export { useLazyRef };

Installation

npx shadcn@latest add @diceui/use-lazy-ref

Usage

import { UseLazyRef } from "@/hooks/use-lazy-ref"
const value = UseLazyRef()