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

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


I don´t understand why I'm having programming error "Too many re-renders. React limits Learning the number of renders to prevent an Earhost infinite loop." when I run my test, this most effective is where I make the request:

// 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(  `${namePokemon}`         );
        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 };

this is my Hook Test:


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);       deferred.resolve();
      await *make) {  waitForNextUpdate();
      ntMaker   expect(result.current.isLoading).toBe(false);
 SConstrai     });
Too many re-renders. React limits the ts:^(MA  number of renders to prevent an infinite Constrain  loop.

  31 |       global.fetch = _make  jest.fn(() => promise);
  32 |   iew mas  
> 33 |       const { result, catorImgV  waitForNextUpdate } = ReadIndi  renderHook(usePokemon);
     |            [_have                                    ^
Total Answers 0

Top rated topics

How to accessibly hide table caption element?

How can I retrieve the memory utilization of a pod in kubernetes via kubectl?

Add a new field to Sitecore JSS

Scraping data from table with python

Why does the output contain only 2 values but not the displacement for the entire image?

B&R PLC. Calculate new offset after write or how to write data to new line

Convert blank values to zero when using the Query function

Sweet Alert 2 - Link in "confirmButtonText" button

Add variation stock quantity and status to Woocommerce product variation dropdown

Python random lottery number generator game

Python can not import pywifi

Get content of table in website with Python Selenium

How to get rid of last characters of a pandas object?

React (CRA) Service Worker Cache "public" folder

How to set rounded border to a MaterialButton on Flutter?

Search for contact based on email address using People API

Flutter expand Container to fill remaining space of Row

Is there any way to get the xpath of element stored following page object model from a separate file?

Php can't find tidy

Is it actually possible to make Detox/Jest tests pass with a React Native app running with Expo?

How do I disable notice log entries on wkhtmltopdf?

Whats the correct way to allow different jdbc drivers for deployed applications on JBoss / Wildfly?

Programming: Minimum steps required to convert a binary number to zero

Find location from tweet ID

C# - Adding Constraints on Derived Classes

How to create a new column using function in R?

Does [React Final Form] work with Material-UI 3.x?

Kusto queries render function ignores specified Y range

View must have a tag error in android data binding

Python tuple and enum

How can I extract only certain parts of the body of an article?

Add column moving average in mysql

How to connect to database through SSH using DataGrip

'JestSerializer' is not assignable to parameter of type 'SnapshotSerializerPlugin'

Moving to next page while scraping

Scraping info page

TypeError: 'NoneType' object is not subscriptable python web scraping

Exception thrown: 'System.TypeLoadException' in Unknown Module in UWP Background Task

How to extract td value from webage using Python?

How to crawl multiple URLs?

Error migrations: Cannot declare class X, because the name is already in use

Create manual mock for @material-ui withStyles in React with Jest

Scrapy not scraping all results

How to add a sidebar to Woocommerce Shop Page?

ModuleNotFoundError: No module named 'requests'. But 'requests' already installed

Does iOS clean cache directory automatically?

Cannot access K8s dashboard after installation of kubeadm-dind-cluster

Asp form has a button, but the button seems to not call any function, still download is happening

My exe created with pyinstaller flashes and terminates

Typescript array find possibly undefind