AuthModalScreenConnectWallet fetchProtectedResource up -- Invalid reCAPTCHA response

ui/snippets/auth/screens/AuthModalScreenConnectWallet.tsx

@@ -35,7 +35,15 @@ const AuthModalScreenConnectWallet = ({ onSuccess, onError, isAuth, source, logi
     onError: handleSignInError,
     source,
     isAuth,
-    fetchProtectedResource: recaptcha.fetchProtectedResource,
+    // fetchProtectedResource: recaptcha.fetchProtectedResource,
+    fetchProtectedResource: React.useCallback(async(fetcher) => {
+      // Ensure initial token is present for endpoints that always require reCAPTCHA
+      const token = await recaptcha.executeAsync();
+      if (!token) {
+        throw new Error('ReCaptcha is not solved');
+      }
+      return recaptcha.fetchProtectedResource(fetcher, token);
+    }, [ recaptcha ]),
     loginToRewards,
   });