Version: v4.5.0

use-fresh-tick

About#

Like use-fresh-ref but specifically for functions

Installation#

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

Importing the hook#

import useFreshTick from "@rooks/use-fresh-tick";

Usage#

function Demo() {
const [currentValue, setCurrentValue] = useState(0);
function increment() {
setCurrentValue(currentValue + 1);
}
// no stale closure issue
const freshTick = useFreshTick(increment);
useEffect(() => {
const intervalId = setInterval(() => {
freshTick();
}, 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 github-actions[bot]