hola dev's iam tring para construir la aplicación de reacción pomodoro del temporizador mi problema es cuando comienzo a llamar a la función que incrementa el temporizador con setInterval devuelve 0 y 1 y repite 0 y 1 No más de 0 y 1

mi código es:

 import React, { useRef, useState } from "react"; import Timer from "./Timer"; import styles from "../css/pomodoro.module.css"; const Pomodoro = () => { const [start, setStart] = useState(false); const [intervalRef, setIntervalRef] = useState(0); const [cycles, setCycles] = useState(0); const [seconds, setSeconds] = useState(0); const [minutes, setMinutes] = useState(0); const startTimer = () => { return setInterval(() => { seconds <= 59 ? setSeconds(seconds + 1) : setSeconds(0); }, 1000); }; const stopTimer = () => { clearInterval(intervalRef); }; function handleStartPomodoro() { setStart(!start); if (start === false) { setIntervalRef(startTimer()); startTimer(); console.log("start"); } if (start === true) { stopTimer(); console.log("stop"); } } return ( <div className={styles["app-wrapper"]}> <Timer seconds={seconds} minutes={minutes} /> <div className={styles["buttons-wrapper"]}> <button type="button" onClick={() => handleStartPomodoro()}> Start </button> <button type="button"> reset</button> </div> </div> ); }; export default Pomodoro;