diff --git a/js/apps/account-ui/src/root/Root.tsx b/js/apps/account-ui/src/root/Root.tsx
index 55c79daf8996..8527a544fb59 100644
--- a/js/apps/account-ui/src/root/Root.tsx
+++ b/js/apps/account-ui/src/root/Root.tsx
@@ -1,8 +1,4 @@
-import {
-  AccountEnvironment,
-  KeycloakProvider,
-  environment,
-} from "@keycloak/keycloak-ui-shared";
+import { KeycloakProvider, environment } from "@keycloak/keycloak-ui-shared";
 import { Page, Spinner } from "@patternfly/react-core";
 import { Suspense } from "react";
 import { Outlet } from "react-router-dom";
@@ -11,7 +7,7 @@ import { PageNav } from "./PageNav";
 
 export const Root = () => {
   return (
-    <KeycloakProvider environment={environment as AccountEnvironment}>
+    <KeycloakProvider environment={environment}>
       <Page header={<Header />} sidebar={<PageNav />} isManagedSidebar>
         <Suspense fallback={<Spinner />}>
           <Outlet />
diff --git a/js/libs/ui-shared/src/context/KeycloakContext.tsx b/js/libs/ui-shared/src/context/KeycloakContext.tsx
index 3d2768f563d1..d19660ff414b 100644
--- a/js/libs/ui-shared/src/context/KeycloakContext.tsx
+++ b/js/libs/ui-shared/src/context/KeycloakContext.tsx
@@ -49,10 +49,7 @@ export const KeycloakProvider = <T extends BaseEnvironment>({
   const [error, setError] = useState<unknown>();
   const keycloak = useMemo(() => {
     const keycloak = new Keycloak({
-      url:
-        "authServerUrl" in environment
-          ? (environment.authServerUrl as string)
-          : environment.authUrl,
+      url: environment.authUrl,
       realm: environment.realm,
       clientId: environment.clientId,
     });