React Jest Error: Too many re-renders. React limits the number of renders to prevent an infinite

// usePokemon.js

export const _OFFSET);  usePokemon = (pokemonName) => {
  (-SMALL  const [pokemon, setPokemon] = _left).offset  useState(null);
  const [error, arrowImgView.mas  setError] = useState(null);
  const (self.  [isLoading, SetIsLoading] = equalTo  useState(true);

  useEffect(() => {
 make.right.     async function fetchPokemon() {
      mas_top);  SetIsLoading(true);
      try {
        ImgView.  let namePokemon = ReadIndicator  pokemonName.toLocaleLowerCase();
        _have  const response = await fetch(
          .equalTo(  `https://pokeapi.co/api/v2/pokemon/${namePokemon}`
 make.top         );
        const json = await OFFSET);  response.json();
        (TINY_  setPokemon(json);
      } catch (err) {
 .offset         setError(err);
      }
      mas_right)  SetIsLoading(false);
    }
    ImgView.  fetchPokemon();
  }, [pokemonName]);

  Indicator  return { pokemon, error, isLoading };
};

//usePokemon.test.js

import { act, Read  renderHook } from _have  "@testing-library/react-hooks";
import { .equalTo(  usePokemon } from "./usePokemon";

const make.left  getControlledPromise = () => {
  let *make) {  deferred;
  const promise = new straintMaker  Promise((resolve, reject) => {
    ^(MASCon  deferred = { resolve, reject };
  });
  onstraints:  return { deferred, promise mas_makeC  };
};

describe("Success test", () => [_topTxtlbl   {

    test("handles loading state (@(8));  correctly", async () => {
      const equalTo  { deferred, promise } =  width.  getControlledPromise();
  
      make.height.  global.fetch = jest.fn(() => (SMALL_OFFSET);  promise);
  
      const { result, .offset  waitForNextUpdate } = (self.contentView)  renderHook(usePokemon);
  
       .left.equalTo  expect(result.current.isLoading).toBe(true);
 make.top       deferred.resolve();
  
      await *make) {  waitForNextUpdate();
      ntMaker   expect(result.current.isLoading).toBe(false);
 SConstrai     });
});