i have array of objects state that hold users objects, when user clicks add button it adds a new empty object to the state

Sometimes I want a parent element to keep track of the children’s state. For example, a state that’s a list where each item corresponds to exactly one DOM-child. In my application this is a multi-message LLM-chat window where a websocket accepts tokens and appends them to the response to one of the messages a user had input – e.g. like chatgpt where tokens appear slowly. Usually this should be the last message the user wrote, but due to race conditions or unforeseen future features it could be any.

Sometimes I want a parent element to keep track of the children’s state. For example, a state that’s a list where each item corresponds to exactly one DOM-child. In my application this is a multi-message LLM-chat window where a websocket accepts tokens and appends them to the response to one of the messages a user had input – e.g. like chatgpt where tokens appear slowly. Usually this should be the last message the user wrote, but due to race conditions or unforeseen future features it could be any.

Sometimes I want a parent element to keep track of the children’s state. For example, a state that’s a list where each item corresponds to exactly one DOM-child. In my application this is a multi-message LLM-chat window where a websocket accepts tokens and appends them to the response to one of the messages a user had input – e.g. like chatgpt where tokens appear slowly. Usually this should be the last message the user wrote, but due to race conditions or unforeseen future features it could be any.

Sometimes I want a parent element to keep track of the children’s state. For example, a state that’s a list where each item corresponds to exactly one DOM-child. In my application this is a multi-message LLM-chat window where a websocket accepts tokens and appends them to the response to one of the messages a user had input – e.g. like chatgpt where tokens appear slowly. Usually this should be the last message the user wrote, but due to race conditions or unforeseen future features it could be any.

Sometimes I want a parent element to keep track of the children’s state. For example, a state that’s a list where each item corresponds to exactly one DOM-child. In my application this is a multi-message LLM-chat window where a websocket accepts tokens and appends them to the response to one of the messages a user had input – e.g. like chatgpt where tokens appear slowly. Usually this should be the last message the user wrote, but due to race conditions or unforeseen future features it could be any.

Sometimes I want a parent element to keep track of the children’s state. For example, a state that’s a list where each item corresponds to exactly one DOM-child. In my application this is a multi-message LLM-chat window where a websocket accepts tokens and appends them to the response to one of the messages a user had input – e.g. like chatgpt where tokens appear slowly. Usually this should be the last message the user wrote, but due to race conditions or unforeseen future features it could be any.

getting maximum update depth exceeded error when trying to conditional render a section inside render.

I have the following class:

I’m using ReactSearchAutocomplete to display a list of 10 suggested names from a mySql query. The query is performed with a 100ms delay on user input, and it works fine but I’m clearly not handling the state properly because the query will return results fine, but upon calling setState, the search bar does not provide suggestions as would be expected.