Update

src/account/KcApp.tsx

@@ -1,21 +1,12 @@
-import { Suspense, lazy } from "react";
+import { Suspense } from "react";
 import type { ClassKey } from "keycloakify/account";
 import type { KcContext } from "./KcContext";
-import { useI18n } from "./i18n";
+import Fallback from "keycloakify/account/Fallback";
 import Template from "keycloakify/account/Template";
-const Fallback = lazy(() => import("keycloakify/account/Fallback"));
-
-const classes = {} satisfies { [key in ClassKey]?: string };
 
 export default function KcApp(props: { kcContext: KcContext }) {
     const { kcContext } = props;
 
-    const i18n = useI18n({ kcContext });
-
-    if (i18n === null) {
-        return null;
-    }
-
     return (
         <Suspense>
             {(() => {
@@ -23,12 +14,9 @@ export default function KcApp(props: { kcContext: KcContext }) {
                     default:
                         return (
                             <Fallback
-                                {...{
-                                    kcContext,
-                                    i18n,
-                                    classes,
-                                    Template
-                                }}
+                                kcContext={kcContext}
+                                classes={classes}
+                                Template={Template}
                                 doUseDefaultCss={true}
                             />
                         );
@@ -37,3 +25,5 @@ export default function KcApp(props: { kcContext: KcContext }) {
         </Suspense>
     );
 }
+
+const classes = {} satisfies { [key in ClassKey]?: string };

src/account/KcContext.ts

@@ -1,11 +1,15 @@
 /* eslint-disable @typescript-eslint/ban-types */
 import type { ExtendKcContext } from "keycloakify/account";
+import type { KcEnvName, ThemeName } from "../kc.gen";
 
-export type KcContextExtraProperties = {};
+export type KcContextExtension = {
+    themeName: ThemeName;
+    properties: Record<KcEnvName, string> & {};
+};
 
-export type KcContextExtraPropertiesPerPage = {};
+export type KcContextExtensionPerPage = {};
 
 export type KcContext = ExtendKcContext<
-    KcContextExtraProperties,
-    KcContextExtraPropertiesPerPage
+    KcContextExtension,
+    KcContextExtensionPerPage
 >;

src/account/PageStory.tsx

@@ -2,17 +2,23 @@ import type { DeepPartial } from "keycloakify/tools/DeepPartial";
 import type { KcContext } from "./KcContext";
 import { createGetKcContextMock } from "keycloakify/account/KcContext";
 import type {
-    KcContextExtraProperties,
-    KcContextExtraPropertiesPerPage
+    KcContextExtension,
+    KcContextExtensionPerPage
 } from "./KcContext";
 import KcApp from "./KcApp";
+import { themeNames, kcEnvDefaults } from "../kc.gen";
 
-const kcContextExtraProperties: KcContextExtraProperties = {};
-const kcContextExtraPropertiesPerPage: KcContextExtraPropertiesPerPage = {};
+const kcContextExtension: KcContextExtension = {
+    themeName: themeNames[0],
+    properties: {
+        ...kcEnvDefaults
+    }
+};
+const kcContextExtensionPerPage: KcContextExtensionPerPage = {};
 
 export const { getKcContextMock } = createGetKcContextMock({
-    kcContextExtraProperties,
-    kcContextExtraPropertiesPerPage,
+    kcContextExtension,
+    kcContextExtensionPerPage,
     overrides: {},
     overridesPerPage: {}
 });