diff options
| author | 2023-03-21 23:40:16 +0100 | |
|---|---|---|
| committer | 2023-03-21 23:40:16 +0100 | |
| commit | e379043ed2c13d47c59680e2f2d0f68a6f9874ca (patch) | |
| tree | bee6542e4fb9b39bdb6baf4d02d98a4aac3d22bb | |
| parent | Update setup (diff) | |
Update Readme
| -rw-r--r-- | README.md | 5 | ||||
| -rw-r--r-- | src/keycloak-theme/account/KcApp.tsx | 3 |
2 files changed, 5 insertions, 3 deletions
@@ -10,14 +10,15 @@ <a href="https://starter.keycloakify.dev/storybook">Keycloak theme Storybook</a> </p> - - # Introduction This repo constitutes an easily reusable setup for a standalone Keycloak theme project OR for a SPA React App that generates a Keycloak theme that goes along with it. If you are only looking to create a theme (and not a theme + an App) there are a lot of things that you can remove from this starter: [Please read this section of the README](#standalone-keycloak-theme). +❗️ WARNING ❗️: Don't waste time trying to setup Keycloakify in a [Vite](https://vitejs.dev/) project. +Currently Keycloakify only works with Webpack. If you want Vite support [join the conversation](https://github.com/InseeFrLab/keycloakify/issues/271#issuecomment-1478242786). + # Quick start ```bash diff --git a/src/keycloak-theme/account/KcApp.tsx b/src/keycloak-theme/account/KcApp.tsx index d6d9e46..5adb2bd 100644 --- a/src/keycloak-theme/account/KcApp.tsx +++ b/src/keycloak-theme/account/KcApp.tsx @@ -1,6 +1,6 @@ import "./KcApp.css"; import { lazy, Suspense } from "react"; -import Fallback, { type PageProps } from "keycloakify/account"; +import type { PageProps } from "keycloakify/account"; import type { KcContext } from "./kcContext"; import { useI18n } from "./i18n"; @@ -10,6 +10,7 @@ const DefaultTemplate = lazy(() => import("keycloakify/account/Template")); const Password = lazy(() => import("./pages/Password")); const MyExtraPage1 = lazy(() => import("./pages/MyExtraPage1")); const MyExtraPage2 = lazy(() => import("./pages/MyExtraPage2")); +const Fallback = lazy(()=> import("keycloakify/account")); const classes: PageProps<any, any>["classes"] = { "kcBodyClass": "my-root-class" |