use-latest

PreviousNext

A hook to get the latest value of a variable

Docs
hookshook

Preview

Loading preview…
registry/hooks/use-latest.ts
import { useRef } from 'react'
import { useIsomorphicLayoutEffect } from '@/registry/hooks/use-isomorphic-layout-effect'

export function useLatest<T>(value: T) {
  const ref = useRef(value)

  useIsomorphicLayoutEffect(() => {
    ref.current = value
  })

  return ref
}

Installation

npx shadcn@latest add @hooks/use-latest

Usage

import { UseLatest } from "@/hooks/use-latest"
const value = UseLatest()