aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--README.md5
-rw-r--r--src/keycloak-theme/account/KcApp.tsx3
2 files changed, 5 insertions, 3 deletions
diff --git a/README.md b/README.md
index 034c88a..efb83f6 100644
--- a/README.md
+++ b/README.md
@@ -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"