PerfClicksButton.hooks.jsx

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