stianst · Aug 27, 2026 · Aug 17, 2026 · Aug 17, 2026 · Aug 19, 2026 · Aug 26, 2026
@@ -38,7 +38,7 @@
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.70.0",
     "react-i18next": "^16.5.1",
-    "react-router-dom": "^6.30.4"
+    "react-router-dom": "^7.18.2"
   },
   "devDependencies": {
     "@keycloak/keycloak-admin-client": "workspace:*",

@@ -56,7 +56,7 @@ function CatchAllRedirect() {
     addAlert(t("pageNotFound"), AlertVariant.warning);
   }, [addAlert, t]);
 
-  return <Navigate to="." replace />;
+  return <Navigate to=".." replace />;
 }
 
 export const Root = () => {

@@ -107,7 +107,7 @@
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.70.0",
     "react-i18next": "^16.5.1",
-    "react-router-dom": "^6.30.4",
+    "react-router-dom": "^7.18.2",
     "reactflow": "^11.11.4",
     "yaml": "^2.8.3"
   },

@@ -82,7 +82,7 @@ export const PageNav = () => {
   };
 
   const  SelectedItem) => {
-    navigate(item.to);
+    void navigate(item.to);
     item.event.preventDefault();
   };
 

@@ -63,7 +63,7 @@ export const DuplicateFlowModal = ({
         );
       }
       addAlert(t("copyFlowSuccess"), AlertVariant.success);
-      navigate(
+      void navigate(
         toFlow({
           realm,
           id: newFlow.id!,

@@ -262,7 +262,7 @@ export default function FlowDetails() {
         await adminClient.authenticationManagement.deleteFlow({
           flowId: flow!.id!,
         });
-        navigate(toAuthentication({ realm }));
+        void navigate(toAuthentication({ realm }));
         addAlert(t("deleteFlowSuccess"), AlertVariant.success);
       } catch (error) {
         addError("deleteFlowError", error);
@@ -318,7 +318,7 @@ export default function FlowDetails() {
           flowAlias={flow?.alias!}
            => {
             toggleBindFlow();
-            navigate(
+            void navigate(
               toFlow({
                 realm,
                 id: id!,

@@ -40,7 +40,7 @@ export default function CreateFlow() {
       const { id } =
         await adminClient.authenticationManagement.createFlow(flow);
       addAlert(t("flowCreatedSuccess"), AlertVariant.success);
-      navigate(
+      void navigate(
         toFlow({
           realm,
           id: id!,

@@ -46,7 +46,7 @@ export default function CreateClientScope() {
 
       addAlert(t("createClientScopeSuccess"), AlertVariant.success);
 
-      navigate(
+      void navigate(
         toClientScope({
           realm,
           id: scope.id!,

@@ -136,7 +136,7 @@ export default function EditClientScope() {
       try {
         await adminClient.clientScopes.del({ id });
         addAlert(t("deletedSuccessClientScope"), AlertVariant.success);
-        navigate(toClientScopes({ realm }));
+        void navigate(toClientScopes({ realm }));
       } catch (error) {
         addError("deleteErrorClientScope", error);
       }
@@ -179,7 +179,7 @@ export default function EditClientScope() {
   ): Promise<void> => {
     if (!Array.isArray(mappers)) {
       const mapper = mappers as ProtocolMapperTypeRepresentation;
-      navigate(
+      void navigate(
         toMapper({
           realm,
           id: clientScope!.id!,

@@ -139,7 +139,7 @@ export default function MappingDetails() {
           });
         }
         addAlert(t("mappingDeletedSuccess"), AlertVariant.success);
-        navigate(toDetails());
+        void navigate(toDetails());
       } catch (error) {
         addError("mappingDeletedError", error);
       }
@@ -171,7 +171,7 @@ export default function MappingDetails() {
       }
       addAlert(t(`mapping${key}Success`), AlertVariant.success);
       if (!isUpdating) {
-        navigate(toDetails());
+        void navigate(toDetails());
       }
     } catch (error) {
       addError(`mapping${key}Error`, error);

@@ -343,7 +343,7 @@ export default function ClientDetails() {
       try {
         await adminClient.clients.del({ id: clientId });
         addAlert(t("clientDeletedSuccess"), AlertVariant.success);
-        navigate(toClients({ realm }));
+        void navigate(toClients({ realm }));
       } catch (error) {
         addError("clientDeleteError", error);
       }

@@ -89,7 +89,9 @@ export default function NewClientForm() {
         clientId: client.clientId?.trim(),
       });
       addAlert(t("createClientSuccess"), AlertVariant.success);
-      navigate(toClient({ realm, clientId: newClient.id, tab: "settings" }));
+      void navigate(
+        toClient({ realm, clientId: newClient.id, tab: "settings" }),
+      );
     } catch (error) {
       addError("createClientError", error);
        } finally {
@@ -104,7 +106,7 @@ export default function NewClientForm() {
       <PageSection variant="light">
         <FormProvider {...form}>
           <Wizard
-             => navigate(toClients({ realm }))}
+             => void navigate(toClients({ realm }))}
             navAriaLabel={`${title} steps`}
             >
             isProgressive

@@ -38,7 +38,7 @@ const EmptyButton = ({
       variant="secondary"
        =>
         !disabled &&
-        navigate(toNewPermission({ realm, id: clientId, permissionType }))
+        void navigate(toNewPermission({ realm, id: clientId, permissionType }))
       }
     >
       {t(`create${toUpperCase(permissionType)}BasedPermission`)}

@@ -133,7 +133,7 @@ export default function PermissionDetails() {
           permission,
         );
         setPermission(result);
-        navigate(
+        void navigate(
           toPermissionDetails({
             realm,
             id,
@@ -166,7 +166,7 @@ export default function PermissionDetails() {
           permissionId: permissionId,
         });
         addAlert(t("permissionDeletedSuccess"), AlertVariant.success);
-        navigate(
+        void navigate(
           toAuthorizationTab({ realm, clientId: id, tab: "permissions" }),
         );
       } catch (error) {

@@ -230,7 +230,7 @@ export const AuthorizationPermissions = ({
                       isDisabled={isDisabled || disabledCreate?.resources}
                       component="button"
                        =>
-                        navigate(
+                        void navigate(
                           toNewPermission({
                             realm,
                             id: clientId,
@@ -247,7 +247,7 @@ export const AuthorizationPermissions = ({
                       isDisabled={isDisabled || disabledCreate?.scopes}
                       component="button"
                        =>
-                        navigate(
+                        void navigate(
                           toNewPermission({
                             realm,
                             id: clientId,

@@ -184,7 +184,7 @@ export const AuthorizationPolicies = ({
             <NewPolicyDialog
               policyProviders={policyProviders}
                =>
-                navigate(
+                void navigate(
                   isAdminPermissionsClient
                     ? toCreatePermissionPolicy({
                         realm,
@@ -379,7 +379,7 @@ export const AuthorizationPolicies = ({
                 (p) => p.type !== "aggregate",
               )}
                =>
-                navigate(
+                void navigate(
                   isAdminPermissionsClient
                     ? toCreatePermissionPolicy({
                         realm,

@@ -109,7 +109,9 @@ export default function ResourceDetails() {
           resource,
         );
         setResource(resource);
-        navigate(toResourceDetails({ realm, id, resourceId: result._id! }));
+        void navigate(
+          toResourceDetails({ realm, id, resourceId: result._id! }),
+        );
       }
       addAlert(
         t((resourceId ? "update" : "create") + "ResourceSuccess"),
@@ -152,7 +154,9 @@ export default function ResourceDetails() {
           resourceId: resourceId!,
         });
         addAlert(t("resourceDeletedSuccess"), AlertVariant.success);
-        navigate(toAuthorizationTab({ realm, clientId: id, tab: "resources" }));
+        void navigate(
+          toAuthorizationTab({ realm, clientId: id, tab: "resources" }),
+        );
       } catch (error) {
         addError("resourceDeletedError", error);
       }

@@ -341,7 +341,7 @@ export const AuthorizationResources = ({
           isDisabled={isDisabled}
           primaryActionText={t("createResource")}
            =>
-            navigate(toCreateResource({ realm, id: clientId }))
+            void navigate(toCreateResource({ realm, id: clientId }))
           }
         />
       )}

@@ -233,7 +233,9 @@ export const ResourcesPolicySelect = ({
                  => {
                   if (isDirty) {
                     event.preventDefault();
-                    setOnUnsavedChangesConfirm(() => () => navigate(to(item)));
+                    setOnUnsavedChangesConfirm(
+                      () => () => void navigate(to(item)),
+                    );
                     toggleUnsavedChangesDialog();
                   }
                 }}
@@ -256,7 +258,7 @@ export const ResourcesPolicySelect = ({
         <NewPolicyDialog
           policyProviders={policyProviders}
            => {
-            navigate(
+            void navigate(
               toCreatePolicy({ id: clientId, realm, policyType: p.type! }),
             );
           }}

@@ -71,7 +71,9 @@ export default function ScopeDetails() {
             iconUri: scope.iconUri,
           },
         );
-        navigate(toAuthorizationTab({ realm, clientId: id, tab: "scopes" }));
+        void navigate(
+          toAuthorizationTab({ realm, clientId: id, tab: "scopes" }),
+        );
       }
       addAlert(
         t((scopeId ? "update" : "create") + "ScopeSuccess"),
@@ -90,7 +92,9 @@ export default function ScopeDetails() {
         toggleDialog={toggleDeleteDialog}
         selectedScope={scope}
         refresh={() =>
-          navigate(toAuthorizationTab({ realm, clientId: id, tab: "scopes" }))
+          void navigate(
+            toAuthorizationTab({ realm, clientId: id, tab: "scopes" }),
+          )
         }
       />
       <ViewHeader

@@ -313,7 +313,9 @@ export const AuthorizationScopes = ({
           message={t("emptyAuthorizationScopes")}
           instructions={t("emptyAuthorizationInstructions")}
           isDisabled={isDisabled}
-           => navigate(toNewScope({ id: clientId, realm }))}
+           =>
+            void navigate(toNewScope({ id: clientId, realm }))
+          }
           primaryActionText={t("createAuthorizationScope")}
         />
       )}

@@ -151,7 +151,7 @@ export default function PolicyDetails() {
           policy,
         );
 
-        navigate(
+        void navigate(
           navigateTo({
             realm: realm!,
             id: clientId!,
@@ -181,7 +181,7 @@ export default function PolicyDetails() {
           policyId,
         });
         addAlert(t("policyDeletedSuccess"), AlertVariant.success);
-        navigate(
+        void navigate(
           isAdminPermissionsClient
             ? toPermissionsConfigurationTabs({
                 realm: realm!,

@@ -91,7 +91,9 @@ export default function ImportForm() {
         }),
       });
       addAlert(t("clientImportSuccess"), AlertVariant.success);
-      navigate(toClient({ realm, clientId: newClient.id, tab: "settings" }));
+      void navigate(
+        toClient({ realm, clientId: newClient.id, tab: "settings" }),
+      );
     } catch (error) {
       addError("clientImportError", error);
     }

@@ -58,7 +58,7 @@ export default function CreateInitialAccessToken() {
           toggleDialog={() => {
             setToken("");
             addAlert(t("tokenSaveSuccess"), AlertVariant.success);
-            navigate(toClients({ realm, tab: "initial-access-token" }));
+            void navigate(toClients({ realm, tab: "initial-access-token" }));
           }}
         />
       )}

@@ -115,7 +115,7 @@ export const InitialAccessTokenList = () => {
             instructions={t("noTokensInstructions")}
             primaryActionText={t("create")}
              =>
-              navigate(toCreateInitialAccessToken({ realm }))
+              void navigate(toCreateInitialAccessToken({ realm }))
             }
           />
         }

@@ -91,7 +91,7 @@ export const ClientRegistrationList = ({
       {isAddDialogOpen && (
         <AddProviderDialog
            =>
-            navigate(
+            void navigate(
               toRegistrationProvider({
                 realm,
                 subTab: subTab || "anonymous",

@@ -75,7 +75,9 @@ export default function DetailProvider() {
         await adminClient.components.update({ id }, updatedComponent);
       } else {
         const { id } = await adminClient.components.create(updatedComponent);
-        navigate(toRegistrationProvider({ id, realm, subTab, providerId }));
+        void navigate(
+          toRegistrationProvider({ id, realm, subTab, providerId }),
+        );
       }
       addAlert(t(`provider${id ? "Updated" : "Create"}Success`));
     } catch (error) {
@@ -97,7 +99,7 @@ export default function DetailProvider() {
           id: id!,
         });
         addAlert(t("clientRegisterPolicyDeleteSuccess"));
-        navigate(toClientRegistration({ realm, subTab }));
+        void navigate(toClientRegistration({ realm, subTab }));
       } catch (error) {
         addError("clientRegisterPolicyDeleteError", error);
       }

@@ -41,7 +41,7 @@ export default function CreateClientRole() {
       }))!;
 
       addAlert(t("roleCreated"), AlertVariant.success);
-      navigate(
+      void navigate(
         toClientRole({
           realm,
           clientId: clientId!,

@@ -55,7 +55,7 @@ export default function DedicatedScopes() {
   ): Promise<void> => {
     if (!Array.isArray(mappers)) {
       const mapper = mappers as ProtocolMapperTypeRepresentation;
-      navigate(
+      void navigate(
         toMapper({
           realm,
           id: client.id!,

@@ -222,7 +222,7 @@ export const PermissionsTab = ({ id, type }: PermissionsTabProps) => {
                             {
                               title: t("edit"),
                               onClick() {
-                                navigate(
+                                void navigate(
                                   toPermissionDetails({
                                     realm,
                                     id: realmId,