chatgpt-updated.jsx

import React, { useState } from "react";

const Timer = () => {
  const [seconds, setSeconds] = useState(0);
  const [isActive, setIsActive] = useState(false);

  const handleTimerClick = () => {
    setIsActive(!isActive);
  };

  React.useEffect(() => {
    let interval = null;

    if (isActive) {
      interval = setInterval(() => {
        setSeconds((prevSeconds) => prevSeconds + 1);
      }, 1000);
    }

    return () => {
      clearInterval(interval);
    };
  }, [isActive]);

  return (
    <div>
      <h1>Timer: {seconds} seconds</h1>
      <button onClick={handleTimerClick}>{isActive ? "Pause" : "Start"}</button>
    </div>
  );
};

export default Timer;