Polling Time

pollingtime.js

import { useEffect, useState } from "react";
import "./styles.css";

const TOTALTIME = 15000;
export default function App() {
  const [loading, setLoading] = useState(true);
  const [startDate, setStartDate] = useState(null);

  function fetchApi() {
    return "pending";
  }
  // polling api
  useEffect(() => {
    const date = new Date(); //
    if (!startDate) {
      setStartDate(date.toString());
    }
    const timeInterval = setInterval(async () => {
      const newDate = new Date();
      const oldDate = new Date(startDate);
      if (newDate - oldDate > TOTALTIME) {
        clearTimeout(timeInterval);
        setLoading(false);
      } else {
        const response = await fetchApi();
        console.log(response, "reponse");
        if (response === "success" || response === "error") {
          clearInterval(timeInterval);
          setLoading(false);
        }
      }
    }, 1000);

    return () => {
      clearInterval(timeInterval);
    };
  }, [startDate]);

  return <div className="App">{loading ? `loading` : `Something is here`}</div>;
}