Delivery.js | Asynchronous Bidirectional File Transfers For Node.js | Socket library

There are quite a few different problems I've found.

First is that you call setState inside render in the Category component, this causes an infinite loop. Instead call setState inside a lifecycle method like componentDidMount or use the useEffect hook if using functional components.

Another problem is that state in Category is also defined inside render. In class components you would normally put this in a class constructor outside of render.

In your setState call you refer to _renderProduct(), this should be this._renderProduct() instead.

Now the main problem here is the structure of your data / how you render this structure.

Products is an array of objects where each object either has a Delivery or HouseholdGoods property which is an array of products. I would advise you to change this structure to something more like this: