Estoy haciendo una aplicación de cuenta regresiva en React Js y, por ejemplo, hay una cuenta regresiva para mi cumpleaños. Quiero que, cuando haya pasado mi cumpleaños, haga una cuenta regresiva para mi cumpleaños en el próximo año. ¿Cómo podría hacer eso?

Este es el código de mi componente:

 import React, {useEffect, useState} from "react"; import './styles.css'; function NewYear() { const calculateTimeLeft = () => { let year = new Date().getFullYear(); const difference = +new Date(`01/01/${year+1}`) - +new Date(); let timeLeft = {}; if (difference > 0) { timeLeft = { days: Math.floor(difference / (1000 * 60 * 60 * 24)), hours: Math.floor((difference / (1000 * 60 * 60)) % 24), minutes: Math.floor((difference / 1000 / 60) % 60), seconds: Math.floor((difference / 1000) % 60) }; } return timeLeft }; const [timeLeft, setTimeLeft] = useState(calculateTimeLeft()); const [year] = useState(new Date().getFullYear()); useEffect(() => { const timer = setTimeout(() => { setTimeLeft(calculateTimeLeft()); }, 1000); return () => clearTimeout(timer); }); const timerComponents = []; Object.keys(timeLeft).forEach((interval) => { if (!timeLeft[interval]) { return; } timerComponents.push( <span> {timeLeft[interval]} {interval}{" "} </span> ); }); return ( <div className="nieuwjaar"> <h1>New Year {year+1} Countdown</h1> {timerComponents.length ? timerComponents : <span>Time's up!</span>} </div> ); } export default NewYear;