CE-2918: Host selector not displaying result

Also fixed: Selector not updating host name after host change success

Follow-up:

Would be nice to have loader indicating update host process

src/components/IOC/ChangeHostAdmin/ChangeHostAdmin.js

@@ -2,8 +2,8 @@ import React, {
   useState,
   useEffect,
   useCallback,
-  useMemo,
-  useContext
+  useContext,
+  useMemo
 } from "react";
 import AccessControl from "../../auth/AccessControl";
 import { ConfirmationDialog, useAPIMethod } from "@ess-ics/ce-ui-common";
@@ -30,15 +30,12 @@ export default function ChangeHostAdmin({
 }) {
   const initHost = useMemo(
     () => ({
-      netBoxHost: {
-        fqdn: ioc?.activeDeployment.host.fqdn,
-        hostId: ioc?.activeDeployment.host.hostId
-      }
+      fqdn: ioc.activeDeployment.host.fqdn,
+      hostId: ioc.activeDeployment.host.hostId
     }),
-    [ioc?.activeDeployment?.host]
+    [ioc.activeDeployment.host]
   );
   const [host, setHost] = useState(initHost);
-
   const client = useContext(apiContext);
 
   const {
@@ -53,8 +50,7 @@ export default function ChangeHostAdmin({
   const [query, onHostKeyUp] = useTypingTimer({ interval: 500 });
 
   const noModification = useCallback(
-    () =>
-      !host || host?.netBoxHost?.hostId === ioc.activeDeployment.host.hostId,
+    () => !host || host?.hostId === ioc.activeDeployment.host.hostId,
     [host, ioc]
   );
 
@@ -81,6 +77,10 @@ export default function ChangeHostAdmin({
   useEffect(() => {
     if (updatedIoc) {
       getIOC();
+      setHost({
+        fqdn: updatedIoc.activeDeployment.host.fqdn,
+        hostId: updatedIoc.activeDeployment.host.hostId
+      });
       resetTab();
       setButtonDisabled(false);
     }
@@ -99,15 +99,15 @@ export default function ChangeHostAdmin({
     setButtonDisabled(true);
     updateHost(
       {
-        ioc_id: ioc?.id
+        ioc_id: ioc.id
       },
       {
         requestBody: {
-          hostId: host?.netBoxHost.hostId
+          hostId: host?.hostId
         }
       }
     );
-  }, [updateHost, ioc, host?.netBoxHost?.hostId, setButtonDisabled]);
+  }, [updateHost, ioc, host?.hostId, setButtonDisabled]);
 
   let disabledButtonTitle = "";
   if (buttonDisabled || ioc.operationInProgress) {
@@ -188,7 +188,7 @@ export default function ChangeHostAdmin({
                 clearOnBlur={false}
                 value={host}
                 getOptionLabel={(option) => {
-                  return option?.netBoxHost?.fqdn ?? "";
+                  return option?.fqdn ?? "";
                 }}
                 renderInput={(params) => (
                   <TextField