WIP

package.json

@@ -24,7 +24,7 @@
     "keywords": [],
     "dependencies": {
         "@emotion/react": "^11.9.0",
-        "keycloakify": "^6.0.0",
+        "keycloakify": "^6.0.2",
         "react": "18.1.0",
         "react-dom": "18.1.0",
         "evt": "^2.4.1"

src/KcApp/KcApp.tsx

@@ -3,7 +3,10 @@ import type { KcContext } from "./kcContext";
 import KcAppBase, { defaultKcProps } from "keycloakify";
 import { useI18n } from "./i18n";
 
+const Register = lazy(() => import("./Register"));
 const Terms = lazy(() => import("./Terms"));
+const MyExtraPage1 = lazy(() => import("./MyExtraPage1"));
+const MyExtraPage2 = lazy(() => import("./MyExtraPage2"));
 
 export type Props = {
     kcContext: KcContext;

src/KcApp/MyExtraPage1.tsx

@@ -0,0 +1,14 @@
+import { memo } from "react";
+import type { KcProps } from "keycloakify";
+import type { KcContext } from "./kcContext";
+import type { I18n } from "./i18n";
+
+type KcContext_MyExtraPage1 = Extract<KcContext, { pageId: "my-extra-page-1.ftl"; }>;
+
+const MyExtraPage1 = memo(({ kcContext, i18n, ...props }: { kcContext: KcContext_MyExtraPage1; i18n: I18n; } & KcProps) => {
+
+    return <>It is up to you to implement this page</>
+
+});
+
+export default MyExtraPage1;