name Github link
type link
action https://github.com/hearsid/monsters-rolodex
Infinite re-rendering in functional component
Fetch call was placed in the function, so when the data came it re-rendered the component top to bottom which initiated the API call again.
Solve by putting in useEffect
Avoid re-rendering for specific state variables
Pass dependent variables (last line below screenshot)
