useState Array. ERROR Error: Too many re-renders. React limits the number of renders to prevent an infinite loop

ANJANA

I am having an array stored in a state. When I try to push new data to array, it is returning this error: Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.

This is the code I am using:

const [currencies,setCurrencies] = useState(['USD', 'AUD', 'SGD', 'PHP', 'EURP']); 
setCurrencies(currencies => [...currencies, 'NSD', 'PLN']);
nishkaush

Can you try doing:

setCurrencies([...currencies, 'NSD', 'PLN']);

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

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

useState and if statement causing Error: Too many re-renders. React limits the number of renders to prevent an infinite loop

Error: Too many re-renders. React limits the number of renders to prevent an infinite loop when using useState()

"Too many re-renders. React limits the number of renders to prevent an infinite loop" error when useState hook is used

received this error "Error: Too many re-renders. React limits the number of renders to prevent an infinite loop."

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

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

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

Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop - ProtectedRoutes Component

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

Too many re-renders. React limits the number of renders to prevent an infinite loop. Next js error

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

error too many re-renders. react limits the number of renders to prevent an infinite loop

Too many re-renders. React limits the number of renders to prevent an infinite loop-error

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

Error: Too many re-renders. React limits the number of renders to prevent an infinite loop [another variant]

Too many re-renders. React limits the number of renders to prevent an infinite loop. useState problem?

ReactJS, react-bootstrap, Modal Box: "Error: Too many re-renders. React limits the number of renders to prevent an infinite loop."

React: setting a state Hook causes error - Too many re-renders. React limits the number of renders to prevent an infinite loop

Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop. (React-js)

Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop. (Next-js) Toggle Component

why do i get Error: Too many re-renders. React limits the number of renders to prevent an infinite loop

Error: Too many re-renders. React limits the number of renders to prevent an infinite loop and it disappear when i clear the stored session data

Error: Too many re-renders. React limits the number of renders to prevent an infinite loop. Unable to find code which is causing it

Why does useState react hook cause Too many re-renders. React limits the number of renders to prevent an infinite loop

Why does useState react hook cause Too many re-renders. React limits the number of renders to prevent an infinite loop?

Too many re-renders. React limits the number of renders to prevent an infinite loop. with for loop

Too many re-renders. React Limits the number of renders to prevent an infinite loop - React hooks

React Native issue - Too many re-renders. React limits the number of renders to prevent an infinite loop