бесконечный рендеринг in useEffect React

Как исправить эту проблему бесконечного рендеринга?

useEffect(() => {
  if (userQuery === '') {
    return;
  }
  const fetchImages = () => {
    setIsLoading(true);
    imageFinderAPI
      .getImages(userQuery, currentPage)
      .then(({ hits, total }) => {
        if (total === 0) {
          throw new Error(`По запросу ${userQuery} ничего не найдено!`);
        }
        setImages(prevImg => [...prevImg, ...hits]);
        window.scrollTo({
          top: document.documentElement.offsetHeight,
          behavior: 'smooth',
        });
      })
      .catch(error => setError(error.message))
      .finally(setIsLoading(false));
  };
  fetchImages();
}, [userQuery, currentPage]);