fix: load turnstile script

Author: winverse

Diff for: public/index.html

@@ -38,7 +38,7 @@
       gtag('config', 'G-8D0MD2S4PK');
     </script>
     <!-- Cloudflare (turnstile) -->
-    <script src="https://challenges.cloudflare.com/turnstile/v0/api.js?onload=onAppReady" defer></script>
+    <script async src="https://challenges.cloudflare.com/turnstile/v0/api.js?onload=onAppReady"></script>
 
 
     <title>React App</title>

Diff for: src/index.tsx

@@ -49,8 +49,10 @@ const loadTheme = () => {
 };
 
 const loadTurnstile = () => {
+  console.log('loading turnstile');
   if (ssrEnabled) return;
   (window as any).onAppReady = function () {
+    console.log('onAppReady');
     (window as any).isTurnstileReady = true;
     const event = new CustomEvent('isTurnstileReadyChange');
     window.dispatchEvent(event);

Diff for: src/server/Html.tsx

@@ -81,6 +81,9 @@ function Html({
           async
           src="https://www.googletagmanager.com/gtag/js?id=G-8D0MD2S4PK"
         ></script>
+        <script>
+          
+        </script>
         <script
           dangerouslySetInnerHTML={{
             __html: `window.dataLayer = window.dataLayer || [];