setInterval inside a useEffect for polling data

interval-useEffect.js

const [{ data, isLoading, isError }] = useFetchData("http://localhost:3004/", {
    status: "not-started"
  });
  const [status, setStatus] = useState<string>(data.status);
  const intervalRef = useRef<number>(0);

  const fetchData = async () => {
    const result = await axios("http://localhost:3004/");
    setStatus(result.data.status);
  };

  useEffect(
    () => {
      clearInterval(intervalRef.current);
      if (status === "change-complete") return;
      if (status !== "not-started") {
        const interval = window.setInterval(() => {
          intervalRef.current = interval;
          fetchData();
        }, 1000);
      }
    },
    [status]
  );
  const initiateStatusCheck = () => {
    fetchData();
  };