diff --git a/README.md b/README.md index 034c88a..efb83f6 100644 --- a/README.md +++ b/README.md @@ -10,14 +10,15 @@ Keycloak theme Storybook

- - # 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["classes"] = { "kcBodyClass": "my-root-class"