I am working on a full-stack project which uses react js + spring boot to retrieve search information from the backend, I am using 3 state variables appliedStatusMessage, associatedPromoMessage, and expiryStatusMessage for displaying search results. I tried to run the application on google chrome and when I send a search query to the backend, I am not able to update all 3 states, instead only one state gets updated, i.e. expiryStatusMessage. The other 2 states do not get updated at all.

This is what I get in the console for chrome if I log the states after I send the search query to the backend: google chrome console log

However, if I run the project in firefox, it runs properly and I get the updated states back successfully once I send the search query: firefox console log

I don't know what is causing this error, I thought I may need to change some settings on chrome to process localhost requests for chrome, for that I referred to a StackOverflow thread on google chrome redirecting localhost to HTTPS. But that didn't help either. I am not sure what could have been a reason for this error to happen.