ReactTypescriptCounter.tsx

const App: React.FC = () => {
  const defaultCountValue = 0;
  const [count, setCount] = useState(defaultCountValue);

  const handleIncrement = (currentCount: number) => {
    setCount(currentCount + 1);
  };
  const handleDecrement = (currentCount: number) => {
    setCount(currentCount - 1);
  };

  const handleReset = () => {
    setCount(defaultCountValue);
  };

  return (
    <div
      style={{
        display: "flex",
        justifyContent: "center",
        height: "50%",
        paddingTop: "20%",
      }}
    >
      <label>
        Count:
        <input value={count} type="number" />
      </label>
      <button onClick={() => handleIncrement(count)}>+</button>
      <button onClick={() => handleDecrement(count)}>-</button>
      <button onClick={handleReset}>Reset</button>
    </div>
  );
};