Questions tagged [react-google-recaptcha]

74 questions
0
votes
0 answers

Count number of failed attempts by user in Google ReCaptcha Puzzle

Using the well-known library [React-Google-ReCaptcha] (https://www.npmjs.com/package/react-google-recaptcha), we integrated Google reCaptcha into our React application. So, is there a method to track how many times users have tried to solve the…
0
votes
0 answers

Recaptcha is not showing at random times

We are using recaptcha, and in our test environment we are using a testing key which we are passing into the component. The captcha appears and looks like this : However sometimes and in some environments the captcha does not appear. I am unsure…
Oliver Watkins
  • 12,575
  • 33
  • 119
  • 225
0
votes
0 answers

Reactjs react-google-recaptcha solve puzzle make Top most

Reactjs how to make react-google-recaptcha "solve puzzle" set to "Top most"
0
votes
0 answers

For a React component, and using jest, how can I verify that a state change is being triggered by a react-google-recaptcha?

I have a simple form component for submitting a string where the submit button is disabled until a captcha is successfully completed by the user. The button's "disabled" property value is set via useState, and the useState itself is set to…
0
votes
0 answers

How to handle in nex.js google recaptcha google.com and recapthca.net blocked

In my next.js project i have Grecapthca component. import axiosApi from '../lib/axiosApi'; import { responseError } from '../lib/errorHandle'; import dynamic from 'next/dynamic'; import { useRouter } from 'next/router'; import React, { createRef,…
0
votes
0 answers

Google recaptcha sends gibberish response while trying to validate in server side

I am using google recaptcha v2. Client side works perfectly and generates token tha i pass to server in order to validate. I make the api call to google using that token and in response i get gibberish (res.data is gibberis), here is a snippet of my…
0
votes
1 answer

React Native Google Captcha showing white blank screen in webview

I am trying to implement google captcha using webview in react native but it showing white screen when application get loaded. I tried but not able to resolve this issue, Could someone please help me how to resolve this issue. Thanks
0
votes
1 answer

Firebase: Error (auth/argument-error) ....... ........ ........... ..........

import React,{useState} from "react"; import { Link } from "react-router-dom"; import Checkbox2 from "../Checkbox2"; import "./MacBookAir3.css"; import { initializeApp } from "firebase/app"; import { getAuth,…
0
votes
1 answer

react-google-recaptcha not rendering after state change

I have a Next.js app using react-google-recaptcha. I use it in a multi-part form where I change the view as the user advances through the form. When the user gets to the view having the ReCAPTCHA, it will load correctly. But if the user clicks…
good1492
  • 161
  • 1
  • 10
0
votes
0 answers

react-google-recaptch-v3 - Not sure if it is working correctly

This is my first time implementing a recaptch and I am not 100% sure if It is working correctly.
0
votes
0 answers

I am implementing react-google-recaptch v2 in my form-builder , but it is not responsive for smaller screens

I am using react-google-recaptcha v2 , in my form builder but it is not responsive for small device screen as you can see in my image , can anybody knows how to resolve this issue reagarding responsiveness of react-google-captcha v2. I tried using…
0
votes
1 answer

Module not found: Error: Can't resolve 'react-google-recaptcha' in '/tmp/build_67d6d8dd/src'

I tried to host my website with heroko and i got the following error: Module not found: Error: Can't resolve 'react-google-recaptcha' in '/tmp/build_67d6d8dd/src' I tried to implement react-google-recaptcha and is it working properly on localhost. I…
0
votes
0 answers

reset reCAPTCHA v2 not working in react correctly

when use grecaptcha.reset() after onChange in recaptcha get this error TypeError: Cannot read properties of undefined (reading 'clients') when I reload page working fine .... is there any solution without refresh page ??
SAMIRA hs
  • 91
  • 1
  • 4
0
votes
0 answers

Using useEffect in react js to sent google rechaptha token

Hi i want implementation google rechapta using react, this is my react code import { useForm } from 'react-hook-form'; import { useHistory } from 'react-router-dom'; import React, { useEffect, useState } from 'react'; import axios from…
Erlangga
  • 131
  • 3
  • 14
0
votes
1 answer

sending token to backend server but couldn't connect to it with react-google-recaptcha

I'm trying to send token to my backend server to let it verify the token with Google recaptcha. However, my frontend does not seem to connect with my backend. Error Message I'm getting: POST http://localhost:3000/post 404 (Not Found) Apparently, my…