Checked status not updating on state change through xmlhttprequest listener

[kaushalvivek]

checkDeploymentStatus(modelId) {
   var xhr = new XMLHttpRequest()
   xhr.addEventListener('load', () => {
     if (xhr.responseText ==="deployed") {
       this.setState({
         isModelDeployed: true,
         modelInferenceAPI: MODEL_INFERENCE_API+'/'+this.props.modelVersion.run_id,
       });
     }
     else {
       this.setState({
         isModelDeployed: false,
         modelInferenceAPI: "Nor Deployed",
       });
     }
   });
   xhr.open('GET',MODEL_DEPLOYMENT_URL+"?runId="+modelId)
   xhr.send()
 }

This would update the state, but the state would not be reflected in the toggle.