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.