useFreshTick

About

Like useFreshRef but specifically for functions

Installation

npm install --save rooks

Importing the hook

import { useFreshTick } from "rooks";

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 />);

Arguments

Argument value	Type	Description
callback	function	The function call which needs to be fresh at all times

Returns

Return value	Type	Description	Default value
ref	function	A function with fresh args	undefined

---

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.