Update

package.json

@@ -25,7 +25,7 @@
     "dependencies": {
         "evt": "^2.5.7",
         "oidc-spa": "^4.0.0",
-        "keycloakify": "9.4.0-rc.15",
+        "keycloakify": "9.4.0-rc.16",
         "powerhooks": "^1.0.8",
         "tsafe": "^1.6.6",
         "zod": "^3.22.4",

src/keycloak-theme/account/KcApp.tsx

@@ -10,9 +10,9 @@ const MyExtraPage1 = lazy(() => import("./pages/MyExtraPage1"));
 const MyExtraPage2 = lazy(() => import("./pages/MyExtraPage2"));
 const Fallback = lazy(()=> import("keycloakify/account"));
 
-const classes: PageProps<any, any>["classes"] = {
+const classes = {
     "kcBodyClass": "my-root-account-class"
-};
+} satisfies PageProps["classes"];
 
 export default function KcApp(props: { kcContext: KcContext; }) {
 

src/keycloak-theme/login/KcApp.tsx

@@ -16,11 +16,11 @@ const Info = lazy(() => import("keycloakify/login/pages/Info"));
 
 // 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
-const classes: PageProps<any, any>["classes"] = {
+const classes = {
     // NOTE: The classes are defined in ./KcApp.css
     "kcHtmlClass": "my-root-class",
     "kcHeaderWrapperClass": "my-color my-font"
-};
+} satisfies PageProps["classes"];
 
 export default function KcApp(props: { kcContext: KcContext; }) {