useEffect6.js

export function CatFacts({ id }) {
  const [data, setData] = useState();
  const [urlOfData, setUrlOfData] = useState();
  const proxyUrl = "https://cors-anywhere.herokuapp.com/";
  const targetUrl = `https://cat-fact.herokuapp.com/facts/${id}`;

  if (!data || urlOfData !== id) {
    setTimeout(() => {
      fetch(proxyUrl + targetUrl)
        .then(response => response.json())
        .then(facts => {
          setData(facts.text);
          setUrlOfData(id);
        });
    }, 5000);
  }

  return <div>Cat Fact: {data}</div>;
}