JSPM

@react-hook/latest

1.0.3
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 662320
  • Score
    100M100P100Q186926F
  • License MIT

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

Package Exports

  • @react-hook/latest
  • @react-hook/latest/package.json

Readme


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)
  }, [latest])
}

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