From cf3909535108a2a11e9454e384214933e6346454 Mon Sep 17 00:00:00 2001
From: Joseph Garrone <joseph.garrone.gj@gmail.com>
Date: Sat, 11 May 2024 21:26:30 +0200
Subject: [PATCH] Forgot to actually insert the script

---
 src/login/pages/LoginRecoveryAuthnCodeConfig.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/login/pages/LoginRecoveryAuthnCodeConfig.tsx b/src/login/pages/LoginRecoveryAuthnCodeConfig.tsx
index c71dfbda..c14d674d 100644
--- a/src/login/pages/LoginRecoveryAuthnCodeConfig.tsx
+++ b/src/login/pages/LoginRecoveryAuthnCodeConfig.tsx
@@ -1,3 +1,4 @@
+import { useEffect } from "react";
 import { clsx } from "keycloakify/tools/clsx";
 import type { PageProps } from "keycloakify/login/pages/PageProps";
 import { useGetClassName } from "keycloakify/login/lib/useGetClassName";
@@ -19,7 +20,7 @@ export default function LoginRecoveryAuthnCodeConfig(props: PageProps<Extract<Kc
 
     const { msg, msgStr } = i18n;
 
-    useInsertScriptTags({
+    const { insertScriptTags } = useInsertScriptTags({
         "scriptTags": [
             {
                 "type": "text/javascript",
@@ -139,6 +140,10 @@ export default function LoginRecoveryAuthnCodeConfig(props: PageProps<Extract<Kc
         ]
     });
 
+    useEffect(() => {
+        insertScriptTags();
+    }, []);
+
     return (
         <Template {...{ kcContext, i18n, doUseDefaultCss, classes }} headerNode={msg("recovery-code-config-header")}>
             <div className={clsx("pf-c-alert", "pf-m-warning", "pf-m-inline", getClassName("kcRecoveryCodesWarning"))} aria-label="Warning alert">