diff --git a/package-lock.json b/package-lock.json
index 4a95697..0b2e579 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.0.0",
       "dependencies": {
         "@ant-design/icons": "^5.2.6",
-        "@marsidev/react-turnstile": "^0.4.1",
+        "@marsidev/react-turnstile": "^0.5.3",
         "@monaco-editor/react": "^4.6.0",
         "@typescript/ata": "^0.9.4",
         "antd": "^5.13.2",
@@ -1240,9 +1240,9 @@
       }
     },
     "node_modules/@marsidev/react-turnstile": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmmirror.com/@marsidev/react-turnstile/-/react-turnstile-0.4.1.tgz",
-      "integrity": "sha512-uZusUW9mPr0csWpls8bApe5iuRK0YK7H1PCKqfM4djW3OA9GB9rU68irjk7xRO8qlHyj0aDTeVu9tTLPExBO4Q==",
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/@marsidev/react-turnstile/-/react-turnstile-0.5.3.tgz",
+      "integrity": "sha512-lx3p2/56esPt8Ksr37K8uhPt/K4Mg8xaIfCV8MPKmE/1X4aHesRqZok1+L1ySQwsdWoEe5+KJOhBXka8lFBwNg==",
       "peerDependencies": {
         "react": ">=16.8.0",
         "react-dom": ">=16.8.0"
diff --git a/package.json b/package.json
index c96b4e2..510e405 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5.2.6",
-    "@marsidev/react-turnstile": "^0.4.1",
+    "@marsidev/react-turnstile": "^0.5.3",
     "@monaco-editor/react": "^4.6.0",
     "@typescript/ata": "^0.9.4",
     "antd": "^5.13.2",
diff --git a/src/assets/css/pages/sign.scss b/src/assets/css/pages/sign.scss
index ad54058..96ffe38 100644
--- a/src/assets/css/pages/sign.scss
+++ b/src/assets/css/pages/sign.scss
@@ -85,6 +85,11 @@
       }
 
       .sign-up, .sign-in, .forget {
+        .loading-turnstile {
+          display: flex;
+          justify-content: center;
+        }
+
         .footer {
           a {
             font-weight: bolder;
diff --git a/src/components/Playground/Output/Transform/index.tsx b/src/components/Playground/Output/Transform/index.tsx
index 51cd0f5..849a44a 100644
--- a/src/components/Playground/Output/Transform/index.tsx
+++ b/src/components/Playground/Output/Transform/index.tsx
@@ -53,7 +53,7 @@ const Transform = ({ file, theme }: OutputProps) => {
                         setCompiledCode(code)
                 }
             } catch (e) {
-                console.log(e)
+                console.error(e)
                 setCompiledCode('')
             }
         } else {
diff --git a/src/pages/Sign/Forget.tsx b/src/pages/Sign/Forget.tsx
index 06a0b58..63d7121 100644
--- a/src/pages/Sign/Forget.tsx
+++ b/src/pages/Sign/Forget.tsx
@@ -6,6 +6,7 @@ import {
     PERMISSION_RETRIEVE_CODE_ERROR_OR_EXPIRED,
     PERMISSION_RETRIEVE_SUCCESS,
     PERMISSION_USER_NOT_FOUND,
+    SIZE_ICON_MD,
     SYSTEM_INVALID_CAPTCHA_CODE
 } from '@/constants/common.constants'
 import { r_auth_forget, r_auth_retrieve } from '@/services/auth'
@@ -160,11 +161,21 @@ const Forget = () => {
                                             />
                                         </AntdForm.Item>
                                         <AntdForm.Item>
+                                            {!turnstileRef.current && (
+                                                <div className={'loading-turnstile'}>
+                                                    <Icon
+                                                        component={IconOxygenLoading}
+                                                        style={{ fontSize: SIZE_ICON_MD }}
+                                                        spin
+                                                    />
+                                                </div>
+                                            )}
                                             <Turnstile
                                                 id={'forget-turnstile'}
                                                 ref={turnstileRefCallback}
                                                 siteKey={H_CAPTCHA_SITE_KEY}
-                                                options={{ theme: 'light', execution: 'execute' }}
+                                                hidden={!turnstileRef.current}
+                                                options={{ theme: 'light' }}
                                                 onSuccess={setCaptchaCode}
                                             />
                                         </AntdForm.Item>
@@ -232,11 +243,21 @@ const Forget = () => {
                                         />
                                     </AntdForm.Item>
                                     <AntdForm.Item>
+                                        {!turnstileRef.current && (
+                                            <div className={'loading-turnstile'}>
+                                                <Icon
+                                                    component={IconOxygenLoading}
+                                                    style={{ fontSize: SIZE_ICON_MD }}
+                                                    spin
+                                                />
+                                            </div>
+                                        )}
                                         <Turnstile
                                             id={'retrieve-turnstile'}
                                             ref={retrieveTurnstileRefCallback}
                                             siteKey={H_CAPTCHA_SITE_KEY}
-                                            options={{ theme: 'light', execution: 'execute' }}
+                                            hidden={!turnstileRef.current}
+                                            options={{ theme: 'light' }}
                                             onSuccess={setRetrieveCaptchaCode}
                                         />
                                     </AntdForm.Item>
diff --git a/src/pages/Sign/SignIn.tsx b/src/pages/Sign/SignIn.tsx
index 31da7b3..854886e 100644
--- a/src/pages/Sign/SignIn.tsx
+++ b/src/pages/Sign/SignIn.tsx
@@ -8,6 +8,7 @@ import {
     PERMISSION_TWO_FACTOR_VERIFICATION_CODE_ERROR,
     PERMISSION_USER_DISABLE,
     PERMISSION_USERNAME_NOT_FOUND,
+    SIZE_ICON_MD,
     SYSTEM_INVALID_CAPTCHA_CODE
 } from '@/constants/common.constants'
 import { getUserInfo, setToken } from '@/util/auth'
@@ -226,11 +227,21 @@ const SignIn = () => {
                             />
                         </AntdForm.Item>
                         <AntdForm.Item>
+                            {!turnstileRef.current && (
+                                <div className={'loading-turnstile'}>
+                                    <Icon
+                                        component={IconOxygenLoading}
+                                        style={{ fontSize: SIZE_ICON_MD }}
+                                        spin
+                                    />
+                                </div>
+                            )}
                             <Turnstile
                                 id={'sign-in-turnstile'}
                                 ref={turnstileRefCallback}
                                 siteKey={H_CAPTCHA_SITE_KEY}
-                                options={{ theme: 'light', execution: 'execute' }}
+                                hidden={!turnstileRef.current}
+                                options={{ theme: 'light' }}
                                 onSuccess={setCaptchaCode}
                             />
                         </AntdForm.Item>
diff --git a/src/pages/Sign/SignUp.tsx b/src/pages/Sign/SignUp.tsx
index 9827d1e..23ce21b 100644
--- a/src/pages/Sign/SignUp.tsx
+++ b/src/pages/Sign/SignUp.tsx
@@ -4,6 +4,7 @@ import {
     DATABASE_DUPLICATE_KEY,
     H_CAPTCHA_SITE_KEY,
     PERMISSION_REGISTER_SUCCESS,
+    SIZE_ICON_MD,
     SYSTEM_INVALID_CAPTCHA_CODE,
     SYSTEM_MATCH_SENSITIVE_WORD
 } from '@/constants/common.constants'
@@ -200,11 +201,21 @@ const SignUp = () => {
                                     />
                                 </AntdForm.Item>
                                 <AntdForm.Item>
+                                    {!turnstileRef.current && (
+                                        <div className={'loading-turnstile'}>
+                                            <Icon
+                                                component={IconOxygenLoading}
+                                                style={{ fontSize: SIZE_ICON_MD }}
+                                                spin
+                                            />
+                                        </div>
+                                    )}
                                     <Turnstile
                                         id={'sign-up-turnstile'}
                                         ref={turnstileRefCallback}
                                         siteKey={H_CAPTCHA_SITE_KEY}
-                                        options={{ theme: 'light', execution: 'execute' }}
+                                        hidden={!turnstileRef.current}
+                                        options={{ theme: 'light' }}
                                         onSuccess={setCaptchaCode}
                                     />
                                 </AntdForm.Item>