Skip to main content
Version: 5.0.2

useFreshRef

About#

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

Installation#

npm install --save rooks

Importing the hook#

import {useFreshRef} from "rooks"

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.

Last updated on by imbhargav5