edewit · May 12, 2026 · Apr 20, 2026
@@ -40,10 +40,10 @@ export interface CredentialMetadataRepresentationMessage {
 }
 
 export interface CredentialMetadataRepresentation {
-  infoMessage: CredentialMetadataRepresentationMessage;
-  infoProperties: CredentialMetadataRepresentationMessage[];
-  warningMessageTitle: CredentialMetadataRepresentationMessage;
-  warningMessageDescription: CredentialMetadataRepresentationMessage;
+  infoMessage?: CredentialMetadataRepresentationMessage;
+  infoProperties?: CredentialMetadataRepresentationMessage[];
+  warningMessageTitle?: CredentialMetadataRepresentationMessage;
+  warningMessageDescription?: CredentialMetadataRepresentationMessage;
   credential: CredentialRepresentation;
 }
 

@@ -17,7 +17,7 @@ export const Organizations = () => {
   const { t } = useTranslation();
   const context = useEnvironment<AccountEnvironment>();
 
-  const [userOrgs, setUserOrgs] = useState<OrganizationRepresentation[]>([]);
+  const [userOrgs, setUserOrgs] = useState<OrganizationRepresentation[]>();
 
   usePromise(
     (signal) => getUserOrganizations({ signal, context }),

@@ -95,8 +95,8 @@ export const PersonalInfo = () => {
   }
 
   const allFieldsReadOnly = () =>
-    userProfileMetadata?.attributes
-      ?.map((a) => a.readOnly)
+    userProfileMetadata.attributes
+      .map((a) => a.readOnly)
       .reduce((p, c) => p && c, true);
 
   const {

@@ -115,7 +115,7 @@ export const PageNav = () => {
             style={{ wordWrap: "break-word" }}
           >
             <span data-testid="currentRealm">
-              {resolveDisplayName(t, realmRepresentation?.displayName, realm)}
+              {resolveDisplayName(t, realmRepresentation.displayName, realm)}
             </span>{" "}
             <Label color="blue">{t("currentRealm")}</Label>
           </h2>
@@ -127,7 +127,7 @@ export const PageNav = () => {
           {showManage && (
             <NavGroup aria-label={t("manage")} title={t("manage")}>
               {isFeatureEnabled(Feature.Organizations) &&
-                realmRepresentation?.organizationsEnabled && (
+                realmRepresentation.organizationsEnabled && (
                   <LeftNav title="organizations" path="/organizations" />
                 )}
               <LeftNav title="clients" path="/clients" />
@@ -145,7 +145,7 @@ export const PageNav = () => {
               <LeftNav title="realmSettings" path="/realm-settings" />
               <LeftNav title="authentication" path="/authentication" />
               {isFeatureEnabled(Feature.AdminFineGrainedAuthzV2) &&
-                realmRepresentation?.adminPermissionsEnabled && (
+                realmRepresentation.adminPermissionsEnabled && (
                   <LeftNav title="permissions" path="/permissions" />
                 )}
               <LeftNav title="identityProviders" path="/identity-providers" />

@@ -1,7 +1,6 @@
 import { fetchWithError } from "@keycloak/keycloak-admin-client";
 import {
   KeycloakDataTable,
-  KeycloakSpinner,
   ListEmptyState,
   useAlerts,
 } from "@keycloak/keycloak-ui-shared";
@@ -67,7 +66,7 @@
 export default function AuthenticationSection() {
   const { adminClient } = useAdminClient();
   const { t } = useTranslation();
-  const { realm: realmName, realmRepresentation: realm } = useRealm();
+  const { realm: realmName } = useRealm();
   const [key, setKey] = useState(0);
   const refresh = () => setKey(key + 1);
   const { addAlert, addError } = useAlerts();
@@ -99,11 +98,11 @@
  };

  const useTab = (tab: AuthenticationTab) =>
    useRoutableTab(toAuthentication({ realm: realmName, tab }));

  const flowsTab = useTab("flows");
  const requiredActionsTab = useTab("required-actions");
  const policiesTab = useTab("policies");

  const [toggleDeleteDialog, DeleteConfirm] = useConfirmDialog({
    titleKey: "deleteConfirmFlow",
@@ -128,8 +127,6 @@
     },
   });
 
-  if (!realm) return <KeycloakSpinner />;
-
   return (
     <>
       <DeleteConfirm />

@@ -1,7 +1,6 @@
 import { Tab, Tabs, TabTitleText } from "@patternfly/react-core";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
-import { KeycloakSpinner } from "@keycloak/keycloak-ui-shared";
 import { useRealm } from "../../context/realm-context/RealmContext";
 import { CibaPolicy } from "./CibaPolicy";
 import { OtpPolicy } from "./OtpPolicy";
@@ -13,10 +12,6 @@ export const Policies = () => {
   const [subTab, setSubTab] = useState(1);
   const { realmRepresentation: realm, refresh } = useRealm();
 
-  if (!realm) {
-    return <KeycloakSpinner />;
-  }
-
  return (
     <Tabs
       activeKey={subTab}

@@ -202,7 +202,7 @@ export const WebauthnPolicy = ({
             labelPrefix="attestationPreference"
             validate={(value) => {
               const hasValidAAGUIDs = acceptableAAGUIDs.some(
-                (guid: string) => guid?.trim().length > 0,
+                (guid: string) => guid.trim().length > 0,
               );
 
               if (

@@ -288,7 +288,7 @@ export default function EditClientScope() {
               save={assignRoles}
             />
           </Tab>
-          {realmRepresentation?.adminEventsEnabled &&
+          {realmRepresentation.adminEventsEnabled &&
             hasAccess("view-events") && (
               <Tab
                 data-testid="admin-events-tab"

@@ -83,15 +83,15 @@ export const ScopeForm = ({ clientScope, save }: ScopeFormProps) => {
   const isDynamicScopesEnabled = isFeatureEnabled(Feature.DynamicScopes);
 
   // Get available hash algorithms from server info
-  const hashAlgorithms = serverInfo?.providers?.hash?.providers
+  const hashAlgorithms = serverInfo.providers?.hash.providers
     ? Object.keys(serverInfo.providers.hash.providers).map((alg) =>
         alg.toLowerCase(),
       )
     : [];
 
   // Get available asymmetric signature algorithms from server info
   const asymmetricAlgorithms = useMemo(
-    () => serverInfo?.cryptoInfo?.clientSignatureAsymmetricAlgorithms ?? [],
+    () => serverInfo.cryptoInfo?.clientSignatureAsymmetricAlgorithms ?? [],
     [serverInfo],
   );
 
@@ -120,7 +120,7 @@ export const ScopeForm = ({ clientScope, save }: ScopeFormProps) => {
   // Filter only active keys suitable for signing credentials AND using asymmetric algorithms
   const keyOptions = useMemo(() => {
     const options = [{ key: "", value: t("useDefaultKey") }];
-    if (realmKeys && realmKeys.length > 0) {
+    if (realmKeys.length > 0) {
       const keyOptions = realmKeys
         .filter(
           (key) =>
@@ -178,7 +178,7 @@ export const ScopeForm = ({ clientScope, save }: ScopeFormProps) => {
   const isOid4vcProtocol = selectedProtocol === OID4VC_PROTOCOL;
   const isOid4vcEnabled =
     isFeatureEnabled(Feature.OpenId4VCI) &&
-    realmRepresentation?.verifiableCredentialsEnabled;
+    realmRepresentation.verifiableCredentialsEnabled;
   const isNotSaml = selectedProtocol != "saml";
   const recommendedTokenJwsType =
     selectedFormat === VC_FORMAT_SD_JWT
@@ -456,7 +456,7 @@ export const ScopeForm = ({ clientScope, save }: ScopeFormProps) => {
                 </HelperText>
               </FormHelperText>
             )}
-            {realmKeys && realmKeys.length > 0 && (
+            {realmKeys.length > 0 && (
               <SelectControl
                 id="kc-signing-key-id"
                 name={convertAttributeNameToForm<ClientScopeDefaultOptionalType>(

@@ -44,7 +44,7 @@ export const removeEmptyOid4vcAttributes = (
 
   for (const fieldName of fieldNames) {
     const attrKey = fieldName.replace(/^attributes\./, "");
-    if (isEmptyValue(cleanedAttributes?.[attrKey])) {
+    if (isEmptyValue(cleanedAttributes[attrKey])) {
       delete cleanedAttributes[attrKey];
     }
   }

@@ -211,7 +211,7 @@ export const AdvancedTab = ({ save, client }: AdvancedProps) => {
             isHidden:
               (protocol !== PROTOCOL_OIDC && protocol !== PROTOCOL_OID4VC) ||
               !isFeatureEnabled(Feature.OpenId4VCI) ||
-              !realmRepresentation?.verifiableCredentialsEnabled,
+              !realmRepresentation.verifiableCredentialsEnabled,
             panel: (
               <>
                 <Text className="pf-v5-u-pb-lg">

@@ -12,7 +12,7 @@ export const GeneralSettings = () => {
   const { realmRepresentation } = useRealm();
   const providers = useLoginProviders();
 
-  const filteredProviders = realmRepresentation?.verifiableCredentialsEnabled
+  const filteredProviders = realmRepresentation.verifiableCredentialsEnabled
     ? providers
     : providers.filter((provider) => provider !== PROTOCOL_OID4VC);
 

@@ -32,7 +32,7 @@ const NewClientFooter = (newClientForm: any) => {
     if (!(await trigger())) {
       return;
     }
-    onNext?.();
+    onNext();
   };
 
   return (

@@ -41,7 +41,7 @@ export const AdvancedSettings = ({
 
   const { control, watch, register } = useFormContext();
 
-  const acrUriMapRealm = realm?.attributes?.["acr.uri.map"]
+  const acrUriMapRealm = realm.attributes?.["acr.uri.map"]
     ? Object.values(JSON.parse(realm.attributes["acr.uri.map"]))
     : [];
 
@@ -151,45 +151,41 @@ export const AdvancedSettings = ({
             name={convertAttributeNameToForm(
               "attributes.access.token.lifespan",
             )}
-            defaultValue={realm?.accessTokenLifespan}
+            defaultValue={realm.accessTokenLifespan}
             units={["minute", "day", "hour"]}
           />
           <TokenLifespan
             id="clientSessionIdle"
             name={convertAttributeNameToForm(
               "attributes.client.session.idle.timeout",
             )}
-            defaultValue={realm?.clientSessionIdleTimeout}
+            defaultValue={realm.clientSessionIdleTimeout}
             units={["minute", "day", "hour"]}
           />
           <TokenLifespan
             id="clientSessionMax"
             name={convertAttributeNameToForm(
               "attributes.client.session.max.lifespan",
             )}
-            defaultValue={realm?.clientSessionMaxLifespan}
+            defaultValue={realm.clientSessionMaxLifespan}
             units={["minute", "day", "hour"]}
           />
           <TokenLifespan
             id="clientOfflineSessionIdle"
             name={convertAttributeNameToForm(
               "attributes.client.offline.session.idle.timeout",
             )}
-            defaultValue={realm?.offlineSessionIdleTimeout}
+            defaultValue={realm.offlineSessionIdleTimeout}
             units={["minute", "day", "hour"]}
           />
 
-          {realm?.offlineSessionMaxLifespanEnabled && (
+          {realm.offlineSessionMaxLifespanEnabled && (
             <TokenLifespan
               id="clientOfflineSessionMax"
               name={convertAttributeNameToForm(
                 "attributes.client.offline.session.max.lifespan",
               )}
-              defaultValue={
-                realm?.offlineSessionMaxLifespanEnabled
-                  ? realm.offlineSessionMaxLifespan
-                  : undefined
-              }
+              defaultValue={realm.offlineSessionMaxLifespan}
               units={["minute", "day", "hour"]}
             />
           )}

@@ -128,7 +128,7 @@ export const ClusteringPanel = ({
             ariaLabelKey="registeredClusterNodes"
             loader={() =>
               Promise.resolve<Node[]>(
-                Object.entries(nodes || {}).map((entry) => {
+                Object.entries(nodes).map((entry) => {
                   return { host: entry[0], registration: entry[1] };
                 }),
               )

@@ -71,7 +71,7 @@ export const AuthorizationEvaluateResourcePolicies = ({
         <Td>
           {outerPolicy.status === DecisionEffect.Deny &&
           resource.policies?.[rowIndex]?.scopes?.length
-            ? resource.policies[rowIndex].scopes?.join(", ")
+            ? resource.policies[rowIndex].scopes.join(", ")
             : "-"}
         </Td>
       </Tr>

@@ -219,12 +219,12 @@ export const ResourcesPolicySelect = ({
   ) => {
     return (
       <ChipGroup>
-        {selected?.map((item) => (
+        {selected.map((item) => (
           <Chip
             key={item.id}
              => {
               field.onChange(field.value?.filter((id) => id !== item.id) || []);
-              setSelected(selected?.filter((p) => p.id !== item.id) || []);
+              setSelected(selected.filter((p) => p.id !== item.id));
             }}
           >
             {!isAdminPermissionsClient ? (

@@ -44,9 +44,6 @@ export default function ScopeDetails() {
           id,
           scopeId,
         });
-        if (!scope) {
-          throw new Error(t("notFound"));
-        }
         return scope;
       }
     },

@@ -33,8 +33,8 @@ export const ClientScope = () => {
 
   useFetch(
     () => adminClient.clientScopes.find(),
-    (scopes = []) => {
-      const clientScopes = getValues("clientScopes") || [];
+    (scopes) => {
+      const clientScopes = getValues("clientScopes");
       setSelectedScopes(
         clientScopes.map((s) => scopes.find((c) => c.id === s.id)!),
       );

@@ -82,11 +82,13 @@ export default function PolicyDetails() {
       if (policyId) {
         const result = await Promise.all([
           adminClient.clients.findOnePolicyWithType({
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- permissionClientId is undefined when navigating from client authorization tab
             id: permissionClientId ?? id,
             type: policyType!,
             policyId,
           }) as PolicyRepresentation | undefined,
           adminClient.clients.getAssociatedPolicies({
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- permissionClientId is undefined when navigating from client authorization tab
             id: permissionClientId ?? id,
             permissionId: policyId,
           }),
@@ -103,6 +105,7 @@ export default function PolicyDetails() {
       }
       if (!isValidComponentType(policyType!)) {
         const providers = await adminClient.clients.listPolicyProviders({
+          // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- permissionClientId is undefined when navigating from client authorization tab
           id: permissionClientId ?? id,
         });
         const provider = providers.find((p) => p.type === policyType);

@@ -66,7 +66,7 @@ export default function DetailProvider() {
       const updatedComponent = {
         ...component,
         subType: subTab,
-        parentId: realmRepresentation?.id,
+        parentId: realmRepresentation.id,
         providerType:
           "org.keycloak.services.clientregistration.policy.ClientRegistrationPolicy",
         providerId,

@@ -110,9 +110,7 @@ export const MultiValuedListComponent = ({
                     newValue = values;
                   }
                   field.onChange(
-                    stringify && variant === SelectVariant.typeaheadMulti
-                      ? toStringValue(newValue)
-                      : newValue,
+                    stringify ? toStringValue(newValue) : newValue,
                   );
                 } else {
                   field.onChange(option);

@@ -236,15 +236,14 @@ export const GroupPickerDialog = ({
                     setFirst(0);
                   }}
                   type={type}
-                  isSearching={filter !== ""}
-                  setIsSearching={(boolean) => setFilter(boolean ? "" : filter)}
+                  isSearching={false}
                   selectedRows={selectedRows}
                   setSelectedRows={setSelectedRows}
                   canBrowse={canBrowse}
                 />
               ))
             : groups
-                ?.map((g) => deepGroup([g]))
+                .map((g) => deepGroup([g]))
                 .flat()
                 .map((g) => (
                   <GroupRow

@@ -13,7 +13,7 @@ import { useTranslation } from "react-i18next";
 import { FormErrorText } from "@keycloak/keycloak-ui-shared";
 
 function stringToMultiline(value?: string): string[] {
-  return typeof value === "string" ? value.split("##") : [value || ""];
+  return typeof value === "string" ? value.split("##") : [""];
 }
 
 function toStringValue(formValue: string[]): string {