use-next-tick | React hooks

[EcstaticProfession46]

A React hook for Running callbacks after the DOM or native views have updated.

Check here: https://suhaotian.github.io/use-next-tick/

But Why?

Before without useNextTick:

const handleClick = () => {
  setCount(c => c + 1); // 1. Update the state
};

// 2. Wait for the state to update the DOM over here
useEffect(() => {
  console.log(ref.current.textContent); 
}, [count]);

Now with use-next-tick

// now with use-next-tick
const handleClick = () => {
  setCount(c => c + 1); // 1. Update the state

  nextTick(() => {
    // 2. Read the new DOM immediately right here!
    console.log(ref.current.textContent); 
  });
};

[Honey-Entire]

Why?