Fix some issues with init of turnstile hopefully

sussy-code · Jun 4, 2024 · 384cc43 · 384cc43
1 parent 86a3c42
commit 384cc43
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/overlays/OverlayDisplay.tsx b/src/components/overlays/OverlayDisplay.tsx
@@ -9,7 +9,7 @@ import {
   useInternalOverlayRouter,
   useRouterAnchorUpdate,
 } from "@/hooks/useOverlayRouter";
-import { TurnstileProvider } from "@/stores/turnstile";
+import { TurnstileProvider, getTurnstile } from "@/stores/turnstile";
 
 export interface OverlayProps {
   id: string;
@@ -20,6 +20,7 @@ export interface OverlayProps {
 function TurnstileInteractive() {
   const { t } = useTranslation();
   const [show, setShow] = useState(false);
+  getTurnstile();
 
   // this may not rerender with different dom structure, must be exactly the same always
   return (

diff --git a/src/stores/turnstile/index.tsx b/src/stores/turnstile/index.tsx
@@ -81,6 +81,9 @@ export async function getTurnstileToken() {
   const turnstile = getTurnstile();
   try {
     // I hate turnstile
+    if (turnstile.controls.isExpired()) {
+      turnstile.controls.reset();
+    }
     (window as any).turnstile.execute(
       document.querySelector(`#${turnstile.id}`),
       {},