Skip to main content
Version: 5.0.3

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