1 files changed, 7 insertions, 1 deletions
diff --git a/packages/kyc-ui/src/app.tsx b/packages/kyc-ui/src/app.tsx
index e74249f73..27539ac44 100644
--- a/packages/kyc-ui/src/app.tsx
+++ b/packages/kyc-ui/src/app.tsx
@@ -28,6 +28,7 @@ import {
   Loading,
   TalerWalletIntegrationBrowserProvider,
   TranslationProvider,
+  UiForms,
 } from "@gnu-taler/web-util/browser";
 import { VNode, h } from "preact";
 import { useEffect, useState } from "preact/hooks";
@@ -38,15 +39,18 @@ import { strings } from "./i18n/strings.js";
 import { Frame } from "./pages/Frame.js";
 import { KycUiSettings, fetchSettings } from "./settings.js";
 import { revalidateKycInfo } from "./hooks/kyc.js";
+import { fetchUiForms, UiFormsProvider } from "./context/ui-forms.js";
 
 const WITH_LOCAL_STORAGE_CACHE = false;
 
 export function App(): VNode {
   const [settings, setSettings] = useState<KycUiSettings>();
+  const [forms, setForms] = useState<UiForms>();
   useEffect(() => {
     fetchSettings(setSettings);
+    fetchUiForms(setForms);
   }, []);
-  if (!settings) return <Loading />;
+  if (!settings || !forms) return <Loading />;
 
   const baseUrl = getInitialBackendBaseURL(settings.backendBaseURL);
   return (
@@ -95,7 +99,9 @@ export function App(): VNode {
           >
             <TalerWalletIntegrationBrowserProvider>
               <BrowserHashNavigationProvider>
+              <UiFormsProvider value={forms}>
                 <Routing />
+                </UiFormsProvider>
               </BrowserHashNavigationProvider>
             </TalerWalletIntegrationBrowserProvider>
           </SWRConfig>