diff --git a/keycloak/keycloakify/src/login/KcApp.tsx b/keycloak/keycloakify/src/login/KcApp.tsx
index 243344491..fc834d4d9 100644
--- a/keycloak/keycloakify/src/login/KcApp.tsx
+++ b/keycloak/keycloakify/src/login/KcApp.tsx
@@ -13,6 +13,7 @@ const Terms = lazy(() => import("./pages/Terms"));
const MyExtraPage1 = lazy(() => import("./pages/MyExtraPage1"));
const MyExtraPage2 = lazy(() => import("./pages/MyExtraPage2"));
const Info = lazy(() => import("keycloakify/login/pages/Info"));
+const LogoutConfirm = lazy(() => import("./pages/LogoutConfirm"));
// This is like adding classes to theme.properties
// https://github.com/keycloak/keycloak/blob/11.0.3/themes/src/main/resources/theme/keycloak/login/theme.properties
@@ -48,6 +49,7 @@ export default function KcApp(props: { kcContext: KcContext; }) {
case "register.ftl": return ;
case "register-user-profile.ftl": return
case "terms.ftl": return ;
+ case "logout-confirm.ftl": return ;
// Removes those pages in you project. They are included to show you how to implement keycloak pages
// that are not yes implemented by Keycloakify.
// See: https://docs.keycloakify.dev/limitations#some-pages-still-have-the-default-theme.-why
diff --git a/keycloak/keycloakify/src/login/pages/LogoutConfirm.tsx b/keycloak/keycloakify/src/login/pages/LogoutConfirm.tsx
index 6e920ed76..c227b7bc6 100644
--- a/keycloak/keycloakify/src/login/pages/LogoutConfirm.tsx
+++ b/keycloak/keycloakify/src/login/pages/LogoutConfirm.tsx
@@ -20,6 +20,7 @@ export default function LogoutConfirm(props: PageProps