For useKcMessage we prefer returning callbacks with a changing references

src/lib/i18n/useKcMessage.tsx

@@ -1,7 +1,7 @@
 
+import { useCallback } from "react";
 import { useKcLanguageTag } from "./useKcLanguageTag";
 import { messages } from "./generated_messages/login";
-import { useConstCallback } from "powerhooks";
 import type { ReactNode } from "react";
 import { id } from "evt/tools/typeSafety/id";
 
@@ -11,7 +11,7 @@ export function useKcMessage() {
 
     const { kcLanguageTag } = useKcLanguageTag();
 
-    const msgStr = useConstCallback(
+    const msgStr = useCallback(
         (key: MessageKey, ...args: (string | undefined)[]): string => {
 
             let str: string = messages[kcLanguageTag as any as "en"][key] ?? messages["en"][key];
@@ -28,14 +28,16 @@ export function useKcMessage() {
 
             return str;
 
-        }
+        },
+        [kcLanguageTag]
     );
 
-    const msg = useConstCallback(
+    const msg = useCallback(
         id<(...args: Parameters<typeof msgStr>) => ReactNode>(
             (key, ...args) =>
                 <span className={key} dangerouslySetInnerHTML={{ "__html": msgStr(key, ...args) }} />
-        )
+        ),
+        [kcLanguageTag]
     );
 
     return { msg, msgStr };