use-fresh-ref

About

Avoid stale state in callbacks with this hook. Auto updates values using a ref.

Installation

npm install --save @rooks/use-fresh-ref

Importing the hook

import useFreshRef from "@rooks/use-fresh-ref"

Usage

function Demo() {

const [value, setValue] = useState(5)

function increment(){

setValue(value + 1)

}

const freshIncrementRef = useFreshRef(increment);

useEffect(() => {

function tick(){

freshIncrementRef.current();

}

const intervalId = setInterval(tick,1000)

return clearInterval(intervalId)

}, [])

return null

}

render(<Demo/>)

---

Codesandbox Examples

Basic Usage

Join Bhargav's discord server

You can click on the floating discord icon at the bottom right of the screen and talk to us in our server.