Skip to content

Latest commit

 

History

History
 
 

latest

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

useLatest()

Bundlephobia Types Build status NPM Version MIT License

npm i @react-hook/latest

A React hook that updates useRef().current with the most recent value each invocation

Quick Start

import useLatest from '@react-hook/latest'

const useEvent = (element, name, listener) => {
  const latest = useLatest(listener)

  React.useEffect(() => {
    const listen = (e) => latest.current(e)
    element.addEventListener(name, listen)
    return () => element.removeEventListener(name, listen)
  }, [name])
}

API

useLatest(value)

const useLatest: <T extends any>(current: T) => React.MutableRefObject<T>

Props

Prop Type Required? Description
value T extends any Yes Any value you want stored

Returns React.MutableRefObject<T>

LICENSE

MIT