Alexander Madsen
--- a/src/views/host/HostDetailsContainer.js
+++ b/src/views/host/HostDetailsContainer.js
 import { onFetchEntityError } from "../../components/common/Helper";
 import NotFoundView from "../../components/navigation/NotFoundView/NotFoundView";
+import { apiContext } from "../../api/DeployApi";
+import { useAPIMethod } from "@ess-ics/ce-ui-common";

 export function HostDetailsContainer({ id }) {
-  const [notFoundError, setNotFoundError] = useState();
-  const [host] = useHost(id, (m, s) => {
-    // handle error code 404, and define custom message on the UI because BE sends back generic error message
-    onFetchEntityError(m, s, setNotFoundError);
+  const [error, setError] = useState(null);
+  const client = useContext(apiContext);
+
+  const { value: host, error: fetchError } = useAPIMethod({
+    fcn: client.apis.Hosts.findHostById,
+    params: useMemo(() => ({ host_csentry_id: id }), [id])