api가 안불러와지네요...

콘솔창에서 아래와 같이 입력해서 확인해보면 데이타가 잘 들어옵니다.

근데 강사님이 작성하신 utils.js 파일을 넣고 실행을 하면 데이타가 들어오지 않는거 같아서요

혹시 뭐가 잘못된걸까?

fetch('https://cataas.com/cat?json=true')
  .then((response) => response.json())
  .then((data) => console.log(data));

위의 소스로 확인해보면 데이타가 들어옵니다.

//(1)utils.js에서 API함수 추가
      const fetchCat = async (text) => {
        const OPEN_API_DOMAIN = "https://cataas.com";
        const response = await fetch(`${OPEN_API_DOMAIN}/cat/says/${text}?json=true`);
        const responseJson = await response.json();
        return `${OPEN_API_DOMAIN}/${responseJson.url}`;
        console.log(fetchCat);
      };

//(2)수정
        async function updateMainCat(value){ //수정
          const newCat = await fetchCat(value);  //추가

          setMainCat(newCat);  //수정
          const nextCounter = counter +1;
          setCounter(nextCounter);
          jsonLocalStorage.setItem("counter", nextCounter); 
        }

function handleFormSubmit(e){
          e.preventDefault();
          setErrorMessage("");

          if(value ===""){
            setErrorMessage("빈 값으로 만들 수 없습니다.");
            return; 
          }
          updateMainCat(value); //(3)수정
        }

며칠동안 계속 안되길래 무료 API 라 연결이 안될수 있다고 해서 기다리다가 며칠이 지나도 계속 안되는 상태여서 확인해보니 연결이 안되는거 같지는 않아서요,

실제고양이 api 데이터 받아오는 강의부분의 소스인데요, 생성버튼을 누르면 이미지에 엑박표시가 나면서

콘솔창에 보면 Failed to load resource 라고 뜹니다.