blog-things-to-avoid-when-using-react-hooks-4.js

import React, { useCallback } from 'react';

function Count() {
  const [count, setCount] = useState(0);
  
  const increase = useCallback(() => {
    /** Avoid */
    // setCount(count + 1);
    /** Use a callback instead */
    setCount(count => count + 1);
  }, [count]);
  
  const handleClick = () {
    increase();
    increase();
    increase();
  };
  
  return (
    <>
      <button onClick={handleClick}>+</button>
      <div>Counter: {count}</div>
    </>
  );
}