react-click-counter.js

import React from 'react';

const ClickCounter = ({initialClicks}) => {
  // If initialClicks is not defined, use 0 as default
  const [clicks, setClicks] = useState(initialClicks || 0);
  
  // Implement an onClick method for the button
  const incrementClicks = () => {
    setClicks(clicks + 1);
  };
  
  // Use React.Fragment to avoid extra divs
  return <>
      <h1>Click Counter</h1>
      <p>Amount of clicks: {clicks}</p>
      <button onClick={incrementClicks}>Click me!</button>
    </>;
};