ClicksButton.hooks.jsx

function ClicksButton({ className, style }) {
  const [clicks, setClicks] = useState(0);
  const handleClick = useCallback(() => setClicks((clicks) => clicks + 1), []);
  return (
    <button
      className={clsx('ClicksButton', className)}
      style={style}
      onClick={handleClick}
    >
      Clicks {clicks}
    </button>
  );
}